@acorex/styles 7.12.3 → 7.12.6
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/index.css +2854 -0
- package/index.min.css +1 -1
- package/package.json +1 -1
- package/src/shared/_color-look.scss +458 -0
- package/src/shared/_editor-container.scss +3 -3
- package/src/shared/index.scss +1 -0
package/index.css
CHANGED
|
@@ -357,6 +357,2857 @@ body {
|
|
|
357
357
|
@apply ax-cursor-not-allowed ax-opacity-50;
|
|
358
358
|
}
|
|
359
359
|
|
|
360
|
+
.ax-el-primary-solid {
|
|
361
|
+
@apply ax-bg-primary-500 ax-text-primary-fore ax-border-primary-500;
|
|
362
|
+
}
|
|
363
|
+
.ax-el-primary-solid.ax-el-interactive:is(.ax-el-primary-solid.ax-el-interactive:hover):not(.ax-state-disabled) {
|
|
364
|
+
@apply ax-bg-primary-600;
|
|
365
|
+
}
|
|
366
|
+
.ax-el-primary-solid.ax-state-selected {
|
|
367
|
+
@apply ax-bg-primary-700;
|
|
368
|
+
}
|
|
369
|
+
.ax-el-primary-solid .ax-ripple {
|
|
370
|
+
@apply ax-bg-primary-300/30 !important;
|
|
371
|
+
}
|
|
372
|
+
.ax-el-primary-solid ax-loading-spinner .ax-loader {
|
|
373
|
+
@apply ax-border-primary-fore ax-border-b-transparent;
|
|
374
|
+
}
|
|
375
|
+
.ax-el-primary-solid > button:is(.ax-el-primary-solid > button:focus-visible, .ax-el-primary-solid > button.ax-state-focus) {
|
|
376
|
+
@apply ax-outline-primary-500;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
.ax-el-ghost-solid {
|
|
380
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
381
|
+
}
|
|
382
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
383
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
384
|
+
}
|
|
385
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
386
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
387
|
+
}
|
|
388
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
389
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
390
|
+
}
|
|
391
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
392
|
+
@apply ax-bg-primary-500/30 !important;
|
|
393
|
+
}
|
|
394
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
395
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
396
|
+
}
|
|
397
|
+
|
|
398
|
+
.ax-el-ghost-outline {
|
|
399
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
400
|
+
}
|
|
401
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
402
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
403
|
+
}
|
|
404
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
405
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
406
|
+
}
|
|
407
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
408
|
+
@apply ax-bg-primary-500/30 !important;
|
|
409
|
+
}
|
|
410
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
411
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
412
|
+
}
|
|
413
|
+
|
|
414
|
+
.ax-el-ghost-blank {
|
|
415
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
416
|
+
}
|
|
417
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
418
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
419
|
+
}
|
|
420
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
421
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
422
|
+
}
|
|
423
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
424
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
425
|
+
}
|
|
426
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
427
|
+
@apply ax-bg-primary-500/30 !important;
|
|
428
|
+
}
|
|
429
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
430
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
431
|
+
}
|
|
432
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
433
|
+
@apply ax-outline-primary-500;
|
|
434
|
+
}
|
|
435
|
+
|
|
436
|
+
.ax-el-ghost-twotone {
|
|
437
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
438
|
+
}
|
|
439
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
440
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
441
|
+
}
|
|
442
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
443
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
444
|
+
}
|
|
445
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
446
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
447
|
+
}
|
|
448
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
449
|
+
@apply ax-bg-primary-500/30 !important;
|
|
450
|
+
}
|
|
451
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
452
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
453
|
+
}
|
|
454
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
455
|
+
@apply ax-outline-primary-500;
|
|
456
|
+
}
|
|
457
|
+
|
|
458
|
+
.ax-el-primary-twotone {
|
|
459
|
+
@apply ax-bg-primary-100 ax-text-primary-fore-tint ax-border-primary-100;
|
|
460
|
+
}
|
|
461
|
+
.ax-el-primary-twotone.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
462
|
+
@apply ax-bg-primary-200;
|
|
463
|
+
}
|
|
464
|
+
.ax-el-primary-twotone.ax-state-selected {
|
|
465
|
+
@apply ax-bg-primary-300;
|
|
466
|
+
}
|
|
467
|
+
.ax-el-primary-twotone .ax-ripple {
|
|
468
|
+
@apply ax-bg-primary-500/30 !important;
|
|
469
|
+
}
|
|
470
|
+
.ax-el-primary-twotone ax-loading-spinner .ax-loader {
|
|
471
|
+
@apply ax-border-primary-fore ax-border-b-transparent;
|
|
472
|
+
}
|
|
473
|
+
.ax-el-primary-twotone > button:is(.ax-el-primary-twotone > button:focus-visible, .ax-el-primary-twotone > button.ax-state-focus) {
|
|
474
|
+
@apply ax-outline-primary-500;
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
.ax-el-ghost-solid {
|
|
478
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
479
|
+
}
|
|
480
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
481
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
482
|
+
}
|
|
483
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
484
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
485
|
+
}
|
|
486
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
487
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
488
|
+
}
|
|
489
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
490
|
+
@apply ax-bg-primary-500/30 !important;
|
|
491
|
+
}
|
|
492
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
493
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
494
|
+
}
|
|
495
|
+
|
|
496
|
+
.ax-el-ghost-outline {
|
|
497
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
498
|
+
}
|
|
499
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
500
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
501
|
+
}
|
|
502
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
503
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
504
|
+
}
|
|
505
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
506
|
+
@apply ax-bg-primary-500/30 !important;
|
|
507
|
+
}
|
|
508
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
509
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
.ax-el-ghost-blank {
|
|
513
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
514
|
+
}
|
|
515
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
516
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
517
|
+
}
|
|
518
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
519
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
520
|
+
}
|
|
521
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
522
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
523
|
+
}
|
|
524
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
525
|
+
@apply ax-bg-primary-500/30 !important;
|
|
526
|
+
}
|
|
527
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
528
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
529
|
+
}
|
|
530
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
531
|
+
@apply ax-outline-primary-500;
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
.ax-el-ghost-twotone {
|
|
535
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
536
|
+
}
|
|
537
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
538
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
539
|
+
}
|
|
540
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
541
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
542
|
+
}
|
|
543
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
544
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
545
|
+
}
|
|
546
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
547
|
+
@apply ax-bg-primary-500/30 !important;
|
|
548
|
+
}
|
|
549
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
550
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
551
|
+
}
|
|
552
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
553
|
+
@apply ax-outline-primary-500;
|
|
554
|
+
}
|
|
555
|
+
|
|
556
|
+
.ax-el-primary-outline {
|
|
557
|
+
@apply ax-border-primary-500 ax-text-primary-500 ax-border ax-bg-transparent;
|
|
558
|
+
}
|
|
559
|
+
.ax-el-primary-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
560
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
561
|
+
}
|
|
562
|
+
.ax-el-primary-outline.ax-state-selected {
|
|
563
|
+
@apply ax-border-primary-500 ax-text-primary-fore ax-bg-primary-500;
|
|
564
|
+
}
|
|
565
|
+
.ax-el-primary-outline .ax-ripple {
|
|
566
|
+
@apply ax-bg-primary-500/30 !important;
|
|
567
|
+
}
|
|
568
|
+
.ax-el-primary-outline ax-loading-spinner .ax-loader {
|
|
569
|
+
@apply ax-border-primary-fore ax-border-b-transparent;
|
|
570
|
+
}
|
|
571
|
+
.ax-el-primary-outline > button:is(.ax-el-primary-outline > button:focus-visible, .ax-el-primary-outline > button.ax-state-focus) {
|
|
572
|
+
@apply ax-text-primary-fore-tint ax-outline-primary-fore-tint -ax-outline-offset-4;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
.ax-el-ghost-solid {
|
|
576
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
577
|
+
}
|
|
578
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
579
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
580
|
+
}
|
|
581
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
582
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
583
|
+
}
|
|
584
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
585
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
586
|
+
}
|
|
587
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
588
|
+
@apply ax-bg-primary-500/30 !important;
|
|
589
|
+
}
|
|
590
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
591
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
592
|
+
}
|
|
593
|
+
|
|
594
|
+
.ax-el-ghost-outline {
|
|
595
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
596
|
+
}
|
|
597
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
598
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
599
|
+
}
|
|
600
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
601
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
602
|
+
}
|
|
603
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
604
|
+
@apply ax-bg-primary-500/30 !important;
|
|
605
|
+
}
|
|
606
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
607
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
608
|
+
}
|
|
609
|
+
|
|
610
|
+
.ax-el-ghost-blank {
|
|
611
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
612
|
+
}
|
|
613
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
614
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
615
|
+
}
|
|
616
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
617
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
618
|
+
}
|
|
619
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
620
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
621
|
+
}
|
|
622
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
623
|
+
@apply ax-bg-primary-500/30 !important;
|
|
624
|
+
}
|
|
625
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
626
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
627
|
+
}
|
|
628
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
629
|
+
@apply ax-outline-primary-500;
|
|
630
|
+
}
|
|
631
|
+
|
|
632
|
+
.ax-el-ghost-twotone {
|
|
633
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
634
|
+
}
|
|
635
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
636
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
637
|
+
}
|
|
638
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
639
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
640
|
+
}
|
|
641
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
642
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
643
|
+
}
|
|
644
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
645
|
+
@apply ax-bg-primary-500/30 !important;
|
|
646
|
+
}
|
|
647
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
648
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
649
|
+
}
|
|
650
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
651
|
+
@apply ax-outline-primary-500;
|
|
652
|
+
}
|
|
653
|
+
|
|
654
|
+
.ax-el-primary-blank {
|
|
655
|
+
@apply ax-text-primary-500;
|
|
656
|
+
}
|
|
657
|
+
.ax-el-primary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
658
|
+
@apply ax-text-primary-fore-tint;
|
|
659
|
+
}
|
|
660
|
+
.ax-el-primary-blank.ax-state-selected {
|
|
661
|
+
@apply ax-bg-primary-700 ax-text-primary-fore;
|
|
662
|
+
}
|
|
663
|
+
.ax-el-primary-blank .ax-ripple {
|
|
664
|
+
@apply ax-bg-primary-500/30 !important;
|
|
665
|
+
}
|
|
666
|
+
.ax-el-primary-blank ax-loading-spinner .ax-loader {
|
|
667
|
+
@apply ax-border-primary-fore ax-border-b-transparent;
|
|
668
|
+
}
|
|
669
|
+
.ax-el-primary-blank > button:is(.ax-el-primary-blank > button:focus-visible, .ax-el-primary-blank > button.ax-state-focus) {
|
|
670
|
+
@apply ax-outline-primary-300 ax-outline-offset-0;
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
.ax-el-ghost-solid {
|
|
674
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
675
|
+
}
|
|
676
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
677
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
678
|
+
}
|
|
679
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
680
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
681
|
+
}
|
|
682
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
683
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
684
|
+
}
|
|
685
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
686
|
+
@apply ax-bg-primary-500/30 !important;
|
|
687
|
+
}
|
|
688
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
689
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
690
|
+
}
|
|
691
|
+
|
|
692
|
+
.ax-el-ghost-outline {
|
|
693
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
694
|
+
}
|
|
695
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
696
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
697
|
+
}
|
|
698
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
699
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
700
|
+
}
|
|
701
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
702
|
+
@apply ax-bg-primary-500/30 !important;
|
|
703
|
+
}
|
|
704
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
705
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
706
|
+
}
|
|
707
|
+
|
|
708
|
+
.ax-el-ghost-blank {
|
|
709
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
710
|
+
}
|
|
711
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
712
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
713
|
+
}
|
|
714
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
715
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
716
|
+
}
|
|
717
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
718
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
719
|
+
}
|
|
720
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
721
|
+
@apply ax-bg-primary-500/30 !important;
|
|
722
|
+
}
|
|
723
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
724
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
725
|
+
}
|
|
726
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
727
|
+
@apply ax-outline-primary-500;
|
|
728
|
+
}
|
|
729
|
+
|
|
730
|
+
.ax-el-ghost-twotone {
|
|
731
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
732
|
+
}
|
|
733
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
734
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
735
|
+
}
|
|
736
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
737
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
738
|
+
}
|
|
739
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
740
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
741
|
+
}
|
|
742
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
743
|
+
@apply ax-bg-primary-500/30 !important;
|
|
744
|
+
}
|
|
745
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
746
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
747
|
+
}
|
|
748
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
749
|
+
@apply ax-outline-primary-500;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
.ax-el-secondary-solid {
|
|
753
|
+
@apply ax-bg-secondary-500 ax-text-secondary-fore ax-border-secondary-500;
|
|
754
|
+
}
|
|
755
|
+
.ax-el-secondary-solid.ax-el-interactive:is(.ax-el-secondary-solid.ax-el-interactive:hover):not(.ax-state-disabled) {
|
|
756
|
+
@apply ax-bg-secondary-600;
|
|
757
|
+
}
|
|
758
|
+
.ax-el-secondary-solid.ax-state-selected {
|
|
759
|
+
@apply ax-bg-secondary-700;
|
|
760
|
+
}
|
|
761
|
+
.ax-el-secondary-solid .ax-ripple {
|
|
762
|
+
@apply ax-bg-secondary-300/30 !important;
|
|
763
|
+
}
|
|
764
|
+
.ax-el-secondary-solid ax-loading-spinner .ax-loader {
|
|
765
|
+
@apply ax-border-secondary-fore ax-border-b-transparent;
|
|
766
|
+
}
|
|
767
|
+
.ax-el-secondary-solid > button:is(.ax-el-secondary-solid > button:focus-visible, .ax-el-secondary-solid > button.ax-state-focus) {
|
|
768
|
+
@apply ax-outline-secondary-500;
|
|
769
|
+
}
|
|
770
|
+
|
|
771
|
+
.ax-el-ghost-solid {
|
|
772
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
773
|
+
}
|
|
774
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
775
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
776
|
+
}
|
|
777
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
778
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
779
|
+
}
|
|
780
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
781
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
782
|
+
}
|
|
783
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
784
|
+
@apply ax-bg-primary-500/30 !important;
|
|
785
|
+
}
|
|
786
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
787
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
788
|
+
}
|
|
789
|
+
|
|
790
|
+
.ax-el-ghost-outline {
|
|
791
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
792
|
+
}
|
|
793
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
794
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
795
|
+
}
|
|
796
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
797
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
798
|
+
}
|
|
799
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
800
|
+
@apply ax-bg-primary-500/30 !important;
|
|
801
|
+
}
|
|
802
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
803
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
.ax-el-ghost-blank {
|
|
807
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
808
|
+
}
|
|
809
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
810
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
811
|
+
}
|
|
812
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
813
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
814
|
+
}
|
|
815
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
816
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
817
|
+
}
|
|
818
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
819
|
+
@apply ax-bg-primary-500/30 !important;
|
|
820
|
+
}
|
|
821
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
822
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
823
|
+
}
|
|
824
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
825
|
+
@apply ax-outline-primary-500;
|
|
826
|
+
}
|
|
827
|
+
|
|
828
|
+
.ax-el-ghost-twotone {
|
|
829
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
830
|
+
}
|
|
831
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
832
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
833
|
+
}
|
|
834
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
835
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
836
|
+
}
|
|
837
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
838
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
839
|
+
}
|
|
840
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
841
|
+
@apply ax-bg-primary-500/30 !important;
|
|
842
|
+
}
|
|
843
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
844
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
845
|
+
}
|
|
846
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
847
|
+
@apply ax-outline-primary-500;
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
.ax-el-secondary-twotone {
|
|
851
|
+
@apply ax-bg-secondary-100 ax-text-secondary-fore-tint ax-border-secondary-100;
|
|
852
|
+
}
|
|
853
|
+
.ax-el-secondary-twotone.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
854
|
+
@apply ax-bg-secondary-200;
|
|
855
|
+
}
|
|
856
|
+
.ax-el-secondary-twotone.ax-state-selected {
|
|
857
|
+
@apply ax-bg-secondary-300;
|
|
858
|
+
}
|
|
859
|
+
.ax-el-secondary-twotone .ax-ripple {
|
|
860
|
+
@apply ax-bg-secondary-500/30 !important;
|
|
861
|
+
}
|
|
862
|
+
.ax-el-secondary-twotone ax-loading-spinner .ax-loader {
|
|
863
|
+
@apply ax-border-secondary-fore ax-border-b-transparent;
|
|
864
|
+
}
|
|
865
|
+
.ax-el-secondary-twotone > button:is(.ax-el-secondary-twotone > button:focus-visible, .ax-el-secondary-twotone > button.ax-state-focus) {
|
|
866
|
+
@apply ax-outline-secondary-500;
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
.ax-el-ghost-solid {
|
|
870
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
871
|
+
}
|
|
872
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
873
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
874
|
+
}
|
|
875
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
876
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
877
|
+
}
|
|
878
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
879
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
880
|
+
}
|
|
881
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
882
|
+
@apply ax-bg-primary-500/30 !important;
|
|
883
|
+
}
|
|
884
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
885
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
.ax-el-ghost-outline {
|
|
889
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
890
|
+
}
|
|
891
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
892
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
893
|
+
}
|
|
894
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
895
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
896
|
+
}
|
|
897
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
898
|
+
@apply ax-bg-primary-500/30 !important;
|
|
899
|
+
}
|
|
900
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
901
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
.ax-el-ghost-blank {
|
|
905
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
906
|
+
}
|
|
907
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
908
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
909
|
+
}
|
|
910
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
911
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
912
|
+
}
|
|
913
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
914
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
915
|
+
}
|
|
916
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
917
|
+
@apply ax-bg-primary-500/30 !important;
|
|
918
|
+
}
|
|
919
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
920
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
921
|
+
}
|
|
922
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
923
|
+
@apply ax-outline-primary-500;
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
.ax-el-ghost-twotone {
|
|
927
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
928
|
+
}
|
|
929
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
930
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
931
|
+
}
|
|
932
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
933
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
934
|
+
}
|
|
935
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
936
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
937
|
+
}
|
|
938
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
939
|
+
@apply ax-bg-primary-500/30 !important;
|
|
940
|
+
}
|
|
941
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
942
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
943
|
+
}
|
|
944
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
945
|
+
@apply ax-outline-primary-500;
|
|
946
|
+
}
|
|
947
|
+
|
|
948
|
+
.ax-el-secondary-outline {
|
|
949
|
+
@apply ax-border-secondary-500 ax-text-secondary-500 ax-border ax-bg-transparent;
|
|
950
|
+
}
|
|
951
|
+
.ax-el-secondary-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
952
|
+
@apply ax-border-secondary-700 ax-text-secondary-700;
|
|
953
|
+
}
|
|
954
|
+
.ax-el-secondary-outline.ax-state-selected {
|
|
955
|
+
@apply ax-border-secondary-500 ax-text-secondary-fore ax-bg-secondary-500;
|
|
956
|
+
}
|
|
957
|
+
.ax-el-secondary-outline .ax-ripple {
|
|
958
|
+
@apply ax-bg-secondary-500/30 !important;
|
|
959
|
+
}
|
|
960
|
+
.ax-el-secondary-outline ax-loading-spinner .ax-loader {
|
|
961
|
+
@apply ax-border-secondary-fore ax-border-b-transparent;
|
|
962
|
+
}
|
|
963
|
+
.ax-el-secondary-outline > button:is(.ax-el-secondary-outline > button:focus-visible, .ax-el-secondary-outline > button.ax-state-focus) {
|
|
964
|
+
@apply ax-text-secondary-fore-tint ax-outline-secondary-fore-tint -ax-outline-offset-4;
|
|
965
|
+
}
|
|
966
|
+
|
|
967
|
+
.ax-el-ghost-solid {
|
|
968
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
969
|
+
}
|
|
970
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
971
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
972
|
+
}
|
|
973
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
974
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
975
|
+
}
|
|
976
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
977
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
978
|
+
}
|
|
979
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
980
|
+
@apply ax-bg-primary-500/30 !important;
|
|
981
|
+
}
|
|
982
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
983
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
984
|
+
}
|
|
985
|
+
|
|
986
|
+
.ax-el-ghost-outline {
|
|
987
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
988
|
+
}
|
|
989
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
990
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
991
|
+
}
|
|
992
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
993
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
994
|
+
}
|
|
995
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
996
|
+
@apply ax-bg-primary-500/30 !important;
|
|
997
|
+
}
|
|
998
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
999
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1000
|
+
}
|
|
1001
|
+
|
|
1002
|
+
.ax-el-ghost-blank {
|
|
1003
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1004
|
+
}
|
|
1005
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1006
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1007
|
+
}
|
|
1008
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1009
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1010
|
+
}
|
|
1011
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1012
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1013
|
+
}
|
|
1014
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1015
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1016
|
+
}
|
|
1017
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1018
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1019
|
+
}
|
|
1020
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1021
|
+
@apply ax-outline-primary-500;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1024
|
+
.ax-el-ghost-twotone {
|
|
1025
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1026
|
+
}
|
|
1027
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1028
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1029
|
+
}
|
|
1030
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1031
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1032
|
+
}
|
|
1033
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1034
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1035
|
+
}
|
|
1036
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1037
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1038
|
+
}
|
|
1039
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1040
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1041
|
+
}
|
|
1042
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1043
|
+
@apply ax-outline-primary-500;
|
|
1044
|
+
}
|
|
1045
|
+
|
|
1046
|
+
.ax-el-secondary-blank {
|
|
1047
|
+
@apply ax-text-secondary-500;
|
|
1048
|
+
}
|
|
1049
|
+
.ax-el-secondary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
1050
|
+
@apply ax-text-secondary-fore-tint;
|
|
1051
|
+
}
|
|
1052
|
+
.ax-el-secondary-blank.ax-state-selected {
|
|
1053
|
+
@apply ax-bg-secondary-700 ax-text-secondary-fore;
|
|
1054
|
+
}
|
|
1055
|
+
.ax-el-secondary-blank .ax-ripple {
|
|
1056
|
+
@apply ax-bg-secondary-500/30 !important;
|
|
1057
|
+
}
|
|
1058
|
+
.ax-el-secondary-blank ax-loading-spinner .ax-loader {
|
|
1059
|
+
@apply ax-border-secondary-fore ax-border-b-transparent;
|
|
1060
|
+
}
|
|
1061
|
+
.ax-el-secondary-blank > button:is(.ax-el-secondary-blank > button:focus-visible, .ax-el-secondary-blank > button.ax-state-focus) {
|
|
1062
|
+
@apply ax-outline-secondary-300 ax-outline-offset-0;
|
|
1063
|
+
}
|
|
1064
|
+
|
|
1065
|
+
.ax-el-ghost-solid {
|
|
1066
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1067
|
+
}
|
|
1068
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1069
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1070
|
+
}
|
|
1071
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1072
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1073
|
+
}
|
|
1074
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1075
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1076
|
+
}
|
|
1077
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1078
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1079
|
+
}
|
|
1080
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1081
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1082
|
+
}
|
|
1083
|
+
|
|
1084
|
+
.ax-el-ghost-outline {
|
|
1085
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1086
|
+
}
|
|
1087
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1088
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1089
|
+
}
|
|
1090
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1091
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1092
|
+
}
|
|
1093
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1094
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1095
|
+
}
|
|
1096
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1097
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1098
|
+
}
|
|
1099
|
+
|
|
1100
|
+
.ax-el-ghost-blank {
|
|
1101
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1102
|
+
}
|
|
1103
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1104
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1105
|
+
}
|
|
1106
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1107
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1108
|
+
}
|
|
1109
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1110
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1111
|
+
}
|
|
1112
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1113
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1114
|
+
}
|
|
1115
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1116
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1117
|
+
}
|
|
1118
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1119
|
+
@apply ax-outline-primary-500;
|
|
1120
|
+
}
|
|
1121
|
+
|
|
1122
|
+
.ax-el-ghost-twotone {
|
|
1123
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1124
|
+
}
|
|
1125
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1126
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1127
|
+
}
|
|
1128
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1129
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1130
|
+
}
|
|
1131
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1132
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1133
|
+
}
|
|
1134
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1135
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1136
|
+
}
|
|
1137
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1138
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1139
|
+
}
|
|
1140
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1141
|
+
@apply ax-outline-primary-500;
|
|
1142
|
+
}
|
|
1143
|
+
|
|
1144
|
+
.ax-el-success-solid {
|
|
1145
|
+
@apply ax-bg-success-500 ax-text-success-fore ax-border-success-500;
|
|
1146
|
+
}
|
|
1147
|
+
.ax-el-success-solid.ax-el-interactive:is(.ax-el-success-solid.ax-el-interactive:hover):not(.ax-state-disabled) {
|
|
1148
|
+
@apply ax-bg-success-600;
|
|
1149
|
+
}
|
|
1150
|
+
.ax-el-success-solid.ax-state-selected {
|
|
1151
|
+
@apply ax-bg-success-700;
|
|
1152
|
+
}
|
|
1153
|
+
.ax-el-success-solid .ax-ripple {
|
|
1154
|
+
@apply ax-bg-success-300/30 !important;
|
|
1155
|
+
}
|
|
1156
|
+
.ax-el-success-solid ax-loading-spinner .ax-loader {
|
|
1157
|
+
@apply ax-border-success-fore ax-border-b-transparent;
|
|
1158
|
+
}
|
|
1159
|
+
.ax-el-success-solid > button:is(.ax-el-success-solid > button:focus-visible, .ax-el-success-solid > button.ax-state-focus) {
|
|
1160
|
+
@apply ax-outline-success-500;
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1163
|
+
.ax-el-ghost-solid {
|
|
1164
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1165
|
+
}
|
|
1166
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1167
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1168
|
+
}
|
|
1169
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1170
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1171
|
+
}
|
|
1172
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1173
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1174
|
+
}
|
|
1175
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1176
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1177
|
+
}
|
|
1178
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1179
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1180
|
+
}
|
|
1181
|
+
|
|
1182
|
+
.ax-el-ghost-outline {
|
|
1183
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1184
|
+
}
|
|
1185
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1186
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1187
|
+
}
|
|
1188
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1189
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1190
|
+
}
|
|
1191
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1192
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1193
|
+
}
|
|
1194
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1195
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1196
|
+
}
|
|
1197
|
+
|
|
1198
|
+
.ax-el-ghost-blank {
|
|
1199
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1200
|
+
}
|
|
1201
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1202
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1203
|
+
}
|
|
1204
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1205
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1206
|
+
}
|
|
1207
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1208
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1209
|
+
}
|
|
1210
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1211
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1212
|
+
}
|
|
1213
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1214
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1215
|
+
}
|
|
1216
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1217
|
+
@apply ax-outline-primary-500;
|
|
1218
|
+
}
|
|
1219
|
+
|
|
1220
|
+
.ax-el-ghost-twotone {
|
|
1221
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1222
|
+
}
|
|
1223
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1224
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1225
|
+
}
|
|
1226
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1227
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1228
|
+
}
|
|
1229
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1230
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1231
|
+
}
|
|
1232
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1233
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1234
|
+
}
|
|
1235
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1236
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1237
|
+
}
|
|
1238
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1239
|
+
@apply ax-outline-primary-500;
|
|
1240
|
+
}
|
|
1241
|
+
|
|
1242
|
+
.ax-el-success-twotone {
|
|
1243
|
+
@apply ax-bg-success-100 ax-text-success-fore-tint ax-border-success-100;
|
|
1244
|
+
}
|
|
1245
|
+
.ax-el-success-twotone.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
1246
|
+
@apply ax-bg-success-200;
|
|
1247
|
+
}
|
|
1248
|
+
.ax-el-success-twotone.ax-state-selected {
|
|
1249
|
+
@apply ax-bg-success-300;
|
|
1250
|
+
}
|
|
1251
|
+
.ax-el-success-twotone .ax-ripple {
|
|
1252
|
+
@apply ax-bg-success-500/30 !important;
|
|
1253
|
+
}
|
|
1254
|
+
.ax-el-success-twotone ax-loading-spinner .ax-loader {
|
|
1255
|
+
@apply ax-border-success-fore ax-border-b-transparent;
|
|
1256
|
+
}
|
|
1257
|
+
.ax-el-success-twotone > button:is(.ax-el-success-twotone > button:focus-visible, .ax-el-success-twotone > button.ax-state-focus) {
|
|
1258
|
+
@apply ax-outline-success-500;
|
|
1259
|
+
}
|
|
1260
|
+
|
|
1261
|
+
.ax-el-ghost-solid {
|
|
1262
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1263
|
+
}
|
|
1264
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1265
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1266
|
+
}
|
|
1267
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1268
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1269
|
+
}
|
|
1270
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1271
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1272
|
+
}
|
|
1273
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1274
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1275
|
+
}
|
|
1276
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1277
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1278
|
+
}
|
|
1279
|
+
|
|
1280
|
+
.ax-el-ghost-outline {
|
|
1281
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1282
|
+
}
|
|
1283
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1284
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1285
|
+
}
|
|
1286
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1287
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1288
|
+
}
|
|
1289
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1290
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1291
|
+
}
|
|
1292
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1293
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1294
|
+
}
|
|
1295
|
+
|
|
1296
|
+
.ax-el-ghost-blank {
|
|
1297
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1298
|
+
}
|
|
1299
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1300
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1301
|
+
}
|
|
1302
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1303
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1304
|
+
}
|
|
1305
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1306
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1307
|
+
}
|
|
1308
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1309
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1310
|
+
}
|
|
1311
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1312
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1313
|
+
}
|
|
1314
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1315
|
+
@apply ax-outline-primary-500;
|
|
1316
|
+
}
|
|
1317
|
+
|
|
1318
|
+
.ax-el-ghost-twotone {
|
|
1319
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1320
|
+
}
|
|
1321
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1322
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1323
|
+
}
|
|
1324
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1325
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1326
|
+
}
|
|
1327
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1328
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1329
|
+
}
|
|
1330
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1331
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1332
|
+
}
|
|
1333
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1334
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1335
|
+
}
|
|
1336
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1337
|
+
@apply ax-outline-primary-500;
|
|
1338
|
+
}
|
|
1339
|
+
|
|
1340
|
+
.ax-el-success-outline {
|
|
1341
|
+
@apply ax-border-success-500 ax-text-success-500 ax-border ax-bg-transparent;
|
|
1342
|
+
}
|
|
1343
|
+
.ax-el-success-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
1344
|
+
@apply ax-border-success-700 ax-text-success-700;
|
|
1345
|
+
}
|
|
1346
|
+
.ax-el-success-outline.ax-state-selected {
|
|
1347
|
+
@apply ax-border-success-500 ax-text-success-fore ax-bg-success-500;
|
|
1348
|
+
}
|
|
1349
|
+
.ax-el-success-outline .ax-ripple {
|
|
1350
|
+
@apply ax-bg-success-500/30 !important;
|
|
1351
|
+
}
|
|
1352
|
+
.ax-el-success-outline ax-loading-spinner .ax-loader {
|
|
1353
|
+
@apply ax-border-success-fore ax-border-b-transparent;
|
|
1354
|
+
}
|
|
1355
|
+
.ax-el-success-outline > button:is(.ax-el-success-outline > button:focus-visible, .ax-el-success-outline > button.ax-state-focus) {
|
|
1356
|
+
@apply ax-text-success-fore-tint ax-outline-success-fore-tint -ax-outline-offset-4;
|
|
1357
|
+
}
|
|
1358
|
+
|
|
1359
|
+
.ax-el-ghost-solid {
|
|
1360
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1361
|
+
}
|
|
1362
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1363
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1364
|
+
}
|
|
1365
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1366
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1367
|
+
}
|
|
1368
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1369
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1370
|
+
}
|
|
1371
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1372
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1373
|
+
}
|
|
1374
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1375
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1376
|
+
}
|
|
1377
|
+
|
|
1378
|
+
.ax-el-ghost-outline {
|
|
1379
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1380
|
+
}
|
|
1381
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1382
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1383
|
+
}
|
|
1384
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1385
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1386
|
+
}
|
|
1387
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1388
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1389
|
+
}
|
|
1390
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1391
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1392
|
+
}
|
|
1393
|
+
|
|
1394
|
+
.ax-el-ghost-blank {
|
|
1395
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1396
|
+
}
|
|
1397
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1398
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1399
|
+
}
|
|
1400
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1401
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1402
|
+
}
|
|
1403
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1404
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1405
|
+
}
|
|
1406
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1407
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1408
|
+
}
|
|
1409
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1410
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1411
|
+
}
|
|
1412
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1413
|
+
@apply ax-outline-primary-500;
|
|
1414
|
+
}
|
|
1415
|
+
|
|
1416
|
+
.ax-el-ghost-twotone {
|
|
1417
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1418
|
+
}
|
|
1419
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1420
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1421
|
+
}
|
|
1422
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1423
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1424
|
+
}
|
|
1425
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1426
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1427
|
+
}
|
|
1428
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1429
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1430
|
+
}
|
|
1431
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1432
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1433
|
+
}
|
|
1434
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1435
|
+
@apply ax-outline-primary-500;
|
|
1436
|
+
}
|
|
1437
|
+
|
|
1438
|
+
.ax-el-success-blank {
|
|
1439
|
+
@apply ax-text-success-500;
|
|
1440
|
+
}
|
|
1441
|
+
.ax-el-success-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
1442
|
+
@apply ax-text-success-fore-tint;
|
|
1443
|
+
}
|
|
1444
|
+
.ax-el-success-blank.ax-state-selected {
|
|
1445
|
+
@apply ax-bg-success-700 ax-text-success-fore;
|
|
1446
|
+
}
|
|
1447
|
+
.ax-el-success-blank .ax-ripple {
|
|
1448
|
+
@apply ax-bg-success-500/30 !important;
|
|
1449
|
+
}
|
|
1450
|
+
.ax-el-success-blank ax-loading-spinner .ax-loader {
|
|
1451
|
+
@apply ax-border-success-fore ax-border-b-transparent;
|
|
1452
|
+
}
|
|
1453
|
+
.ax-el-success-blank > button:is(.ax-el-success-blank > button:focus-visible, .ax-el-success-blank > button.ax-state-focus) {
|
|
1454
|
+
@apply ax-outline-success-300 ax-outline-offset-0;
|
|
1455
|
+
}
|
|
1456
|
+
|
|
1457
|
+
.ax-el-ghost-solid {
|
|
1458
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1459
|
+
}
|
|
1460
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1461
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1462
|
+
}
|
|
1463
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1464
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1465
|
+
}
|
|
1466
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1467
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1468
|
+
}
|
|
1469
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1470
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1471
|
+
}
|
|
1472
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1473
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1474
|
+
}
|
|
1475
|
+
|
|
1476
|
+
.ax-el-ghost-outline {
|
|
1477
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1478
|
+
}
|
|
1479
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1480
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1481
|
+
}
|
|
1482
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1483
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1484
|
+
}
|
|
1485
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1486
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1487
|
+
}
|
|
1488
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1489
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1490
|
+
}
|
|
1491
|
+
|
|
1492
|
+
.ax-el-ghost-blank {
|
|
1493
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1494
|
+
}
|
|
1495
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1496
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1497
|
+
}
|
|
1498
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1499
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1500
|
+
}
|
|
1501
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1502
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1503
|
+
}
|
|
1504
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1505
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1506
|
+
}
|
|
1507
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1508
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1509
|
+
}
|
|
1510
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1511
|
+
@apply ax-outline-primary-500;
|
|
1512
|
+
}
|
|
1513
|
+
|
|
1514
|
+
.ax-el-ghost-twotone {
|
|
1515
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1516
|
+
}
|
|
1517
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1518
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1519
|
+
}
|
|
1520
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1521
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1522
|
+
}
|
|
1523
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1524
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1525
|
+
}
|
|
1526
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1527
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1528
|
+
}
|
|
1529
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1530
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1531
|
+
}
|
|
1532
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1533
|
+
@apply ax-outline-primary-500;
|
|
1534
|
+
}
|
|
1535
|
+
|
|
1536
|
+
.ax-el-warning-solid {
|
|
1537
|
+
@apply ax-bg-warning-500 ax-text-warning-fore ax-border-warning-500;
|
|
1538
|
+
}
|
|
1539
|
+
.ax-el-warning-solid.ax-el-interactive:is(.ax-el-warning-solid.ax-el-interactive:hover):not(.ax-state-disabled) {
|
|
1540
|
+
@apply ax-bg-warning-600;
|
|
1541
|
+
}
|
|
1542
|
+
.ax-el-warning-solid.ax-state-selected {
|
|
1543
|
+
@apply ax-bg-warning-700;
|
|
1544
|
+
}
|
|
1545
|
+
.ax-el-warning-solid .ax-ripple {
|
|
1546
|
+
@apply ax-bg-warning-300/30 !important;
|
|
1547
|
+
}
|
|
1548
|
+
.ax-el-warning-solid ax-loading-spinner .ax-loader {
|
|
1549
|
+
@apply ax-border-warning-fore ax-border-b-transparent;
|
|
1550
|
+
}
|
|
1551
|
+
.ax-el-warning-solid > button:is(.ax-el-warning-solid > button:focus-visible, .ax-el-warning-solid > button.ax-state-focus) {
|
|
1552
|
+
@apply ax-outline-warning-500;
|
|
1553
|
+
}
|
|
1554
|
+
|
|
1555
|
+
.ax-el-ghost-solid {
|
|
1556
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1557
|
+
}
|
|
1558
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1559
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1560
|
+
}
|
|
1561
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1562
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1563
|
+
}
|
|
1564
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1565
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1566
|
+
}
|
|
1567
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1568
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1569
|
+
}
|
|
1570
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1571
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1572
|
+
}
|
|
1573
|
+
|
|
1574
|
+
.ax-el-ghost-outline {
|
|
1575
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1576
|
+
}
|
|
1577
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1578
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1579
|
+
}
|
|
1580
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1581
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1582
|
+
}
|
|
1583
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1584
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1585
|
+
}
|
|
1586
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1587
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1588
|
+
}
|
|
1589
|
+
|
|
1590
|
+
.ax-el-ghost-blank {
|
|
1591
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1592
|
+
}
|
|
1593
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1594
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1595
|
+
}
|
|
1596
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1597
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1598
|
+
}
|
|
1599
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1600
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1601
|
+
}
|
|
1602
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1603
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1604
|
+
}
|
|
1605
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1606
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1607
|
+
}
|
|
1608
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1609
|
+
@apply ax-outline-primary-500;
|
|
1610
|
+
}
|
|
1611
|
+
|
|
1612
|
+
.ax-el-ghost-twotone {
|
|
1613
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1614
|
+
}
|
|
1615
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1616
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1617
|
+
}
|
|
1618
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1619
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1620
|
+
}
|
|
1621
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1622
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1623
|
+
}
|
|
1624
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1625
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1626
|
+
}
|
|
1627
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1628
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1629
|
+
}
|
|
1630
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1631
|
+
@apply ax-outline-primary-500;
|
|
1632
|
+
}
|
|
1633
|
+
|
|
1634
|
+
.ax-el-warning-twotone {
|
|
1635
|
+
@apply ax-bg-warning-100 ax-text-warning-fore-tint ax-border-warning-100;
|
|
1636
|
+
}
|
|
1637
|
+
.ax-el-warning-twotone.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
1638
|
+
@apply ax-bg-warning-200;
|
|
1639
|
+
}
|
|
1640
|
+
.ax-el-warning-twotone.ax-state-selected {
|
|
1641
|
+
@apply ax-bg-warning-300;
|
|
1642
|
+
}
|
|
1643
|
+
.ax-el-warning-twotone .ax-ripple {
|
|
1644
|
+
@apply ax-bg-warning-500/30 !important;
|
|
1645
|
+
}
|
|
1646
|
+
.ax-el-warning-twotone ax-loading-spinner .ax-loader {
|
|
1647
|
+
@apply ax-border-warning-fore ax-border-b-transparent;
|
|
1648
|
+
}
|
|
1649
|
+
.ax-el-warning-twotone > button:is(.ax-el-warning-twotone > button:focus-visible, .ax-el-warning-twotone > button.ax-state-focus) {
|
|
1650
|
+
@apply ax-outline-warning-500;
|
|
1651
|
+
}
|
|
1652
|
+
|
|
1653
|
+
.ax-el-ghost-solid {
|
|
1654
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1655
|
+
}
|
|
1656
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1657
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1658
|
+
}
|
|
1659
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1660
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1661
|
+
}
|
|
1662
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1663
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1664
|
+
}
|
|
1665
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1666
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1667
|
+
}
|
|
1668
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1669
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1670
|
+
}
|
|
1671
|
+
|
|
1672
|
+
.ax-el-ghost-outline {
|
|
1673
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1674
|
+
}
|
|
1675
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1676
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1677
|
+
}
|
|
1678
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1679
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1680
|
+
}
|
|
1681
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1682
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1683
|
+
}
|
|
1684
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1685
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1686
|
+
}
|
|
1687
|
+
|
|
1688
|
+
.ax-el-ghost-blank {
|
|
1689
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1690
|
+
}
|
|
1691
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1692
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1693
|
+
}
|
|
1694
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1695
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1696
|
+
}
|
|
1697
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1698
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1699
|
+
}
|
|
1700
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1701
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1702
|
+
}
|
|
1703
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1704
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1705
|
+
}
|
|
1706
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1707
|
+
@apply ax-outline-primary-500;
|
|
1708
|
+
}
|
|
1709
|
+
|
|
1710
|
+
.ax-el-ghost-twotone {
|
|
1711
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1712
|
+
}
|
|
1713
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1714
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1715
|
+
}
|
|
1716
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1717
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1718
|
+
}
|
|
1719
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1720
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1721
|
+
}
|
|
1722
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1723
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1724
|
+
}
|
|
1725
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1726
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1727
|
+
}
|
|
1728
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1729
|
+
@apply ax-outline-primary-500;
|
|
1730
|
+
}
|
|
1731
|
+
|
|
1732
|
+
.ax-el-warning-outline {
|
|
1733
|
+
@apply ax-border-warning-500 ax-text-warning-500 ax-border ax-bg-transparent;
|
|
1734
|
+
}
|
|
1735
|
+
.ax-el-warning-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
1736
|
+
@apply ax-border-warning-700 ax-text-warning-700;
|
|
1737
|
+
}
|
|
1738
|
+
.ax-el-warning-outline.ax-state-selected {
|
|
1739
|
+
@apply ax-border-warning-500 ax-text-warning-fore ax-bg-warning-500;
|
|
1740
|
+
}
|
|
1741
|
+
.ax-el-warning-outline .ax-ripple {
|
|
1742
|
+
@apply ax-bg-warning-500/30 !important;
|
|
1743
|
+
}
|
|
1744
|
+
.ax-el-warning-outline ax-loading-spinner .ax-loader {
|
|
1745
|
+
@apply ax-border-warning-fore ax-border-b-transparent;
|
|
1746
|
+
}
|
|
1747
|
+
.ax-el-warning-outline > button:is(.ax-el-warning-outline > button:focus-visible, .ax-el-warning-outline > button.ax-state-focus) {
|
|
1748
|
+
@apply ax-text-warning-fore-tint ax-outline-warning-fore-tint -ax-outline-offset-4;
|
|
1749
|
+
}
|
|
1750
|
+
|
|
1751
|
+
.ax-el-ghost-solid {
|
|
1752
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1753
|
+
}
|
|
1754
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1755
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1756
|
+
}
|
|
1757
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1758
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1759
|
+
}
|
|
1760
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1761
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1762
|
+
}
|
|
1763
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1764
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1765
|
+
}
|
|
1766
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1767
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1768
|
+
}
|
|
1769
|
+
|
|
1770
|
+
.ax-el-ghost-outline {
|
|
1771
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1772
|
+
}
|
|
1773
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1774
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1775
|
+
}
|
|
1776
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1777
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1778
|
+
}
|
|
1779
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1780
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1781
|
+
}
|
|
1782
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1783
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1784
|
+
}
|
|
1785
|
+
|
|
1786
|
+
.ax-el-ghost-blank {
|
|
1787
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1788
|
+
}
|
|
1789
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1790
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1791
|
+
}
|
|
1792
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1793
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1794
|
+
}
|
|
1795
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1796
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1797
|
+
}
|
|
1798
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1799
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1800
|
+
}
|
|
1801
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1802
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1803
|
+
}
|
|
1804
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1805
|
+
@apply ax-outline-primary-500;
|
|
1806
|
+
}
|
|
1807
|
+
|
|
1808
|
+
.ax-el-ghost-twotone {
|
|
1809
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1810
|
+
}
|
|
1811
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1812
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1813
|
+
}
|
|
1814
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1815
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1816
|
+
}
|
|
1817
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1818
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1819
|
+
}
|
|
1820
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1821
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1822
|
+
}
|
|
1823
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1824
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1825
|
+
}
|
|
1826
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1827
|
+
@apply ax-outline-primary-500;
|
|
1828
|
+
}
|
|
1829
|
+
|
|
1830
|
+
.ax-el-warning-blank {
|
|
1831
|
+
@apply ax-text-warning-500;
|
|
1832
|
+
}
|
|
1833
|
+
.ax-el-warning-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
1834
|
+
@apply ax-text-warning-fore-tint;
|
|
1835
|
+
}
|
|
1836
|
+
.ax-el-warning-blank.ax-state-selected {
|
|
1837
|
+
@apply ax-bg-warning-700 ax-text-warning-fore;
|
|
1838
|
+
}
|
|
1839
|
+
.ax-el-warning-blank .ax-ripple {
|
|
1840
|
+
@apply ax-bg-warning-500/30 !important;
|
|
1841
|
+
}
|
|
1842
|
+
.ax-el-warning-blank ax-loading-spinner .ax-loader {
|
|
1843
|
+
@apply ax-border-warning-fore ax-border-b-transparent;
|
|
1844
|
+
}
|
|
1845
|
+
.ax-el-warning-blank > button:is(.ax-el-warning-blank > button:focus-visible, .ax-el-warning-blank > button.ax-state-focus) {
|
|
1846
|
+
@apply ax-outline-warning-300 ax-outline-offset-0;
|
|
1847
|
+
}
|
|
1848
|
+
|
|
1849
|
+
.ax-el-ghost-solid {
|
|
1850
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1851
|
+
}
|
|
1852
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1853
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1854
|
+
}
|
|
1855
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1856
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1857
|
+
}
|
|
1858
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1859
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1860
|
+
}
|
|
1861
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1862
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1863
|
+
}
|
|
1864
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1865
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1866
|
+
}
|
|
1867
|
+
|
|
1868
|
+
.ax-el-ghost-outline {
|
|
1869
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1870
|
+
}
|
|
1871
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1872
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1873
|
+
}
|
|
1874
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1875
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1876
|
+
}
|
|
1877
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1878
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1879
|
+
}
|
|
1880
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1881
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1882
|
+
}
|
|
1883
|
+
|
|
1884
|
+
.ax-el-ghost-blank {
|
|
1885
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1886
|
+
}
|
|
1887
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1888
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1889
|
+
}
|
|
1890
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1891
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1892
|
+
}
|
|
1893
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1894
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1895
|
+
}
|
|
1896
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1897
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1898
|
+
}
|
|
1899
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1900
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1901
|
+
}
|
|
1902
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
1903
|
+
@apply ax-outline-primary-500;
|
|
1904
|
+
}
|
|
1905
|
+
|
|
1906
|
+
.ax-el-ghost-twotone {
|
|
1907
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
1908
|
+
}
|
|
1909
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
1910
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
1911
|
+
}
|
|
1912
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
1913
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
1914
|
+
}
|
|
1915
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
1916
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
1917
|
+
}
|
|
1918
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
1919
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1920
|
+
}
|
|
1921
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
1922
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1923
|
+
}
|
|
1924
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
1925
|
+
@apply ax-outline-primary-500;
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
.ax-el-danger-solid {
|
|
1929
|
+
@apply ax-bg-danger-500 ax-text-danger-fore ax-border-danger-500;
|
|
1930
|
+
}
|
|
1931
|
+
.ax-el-danger-solid.ax-el-interactive:is(.ax-el-danger-solid.ax-el-interactive:hover):not(.ax-state-disabled) {
|
|
1932
|
+
@apply ax-bg-danger-600;
|
|
1933
|
+
}
|
|
1934
|
+
.ax-el-danger-solid.ax-state-selected {
|
|
1935
|
+
@apply ax-bg-danger-700;
|
|
1936
|
+
}
|
|
1937
|
+
.ax-el-danger-solid .ax-ripple {
|
|
1938
|
+
@apply ax-bg-danger-300/30 !important;
|
|
1939
|
+
}
|
|
1940
|
+
.ax-el-danger-solid ax-loading-spinner .ax-loader {
|
|
1941
|
+
@apply ax-border-danger-fore ax-border-b-transparent;
|
|
1942
|
+
}
|
|
1943
|
+
.ax-el-danger-solid > button:is(.ax-el-danger-solid > button:focus-visible, .ax-el-danger-solid > button.ax-state-focus) {
|
|
1944
|
+
@apply ax-outline-danger-500;
|
|
1945
|
+
}
|
|
1946
|
+
|
|
1947
|
+
.ax-el-ghost-solid {
|
|
1948
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
1949
|
+
}
|
|
1950
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
1951
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1952
|
+
}
|
|
1953
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
1954
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1955
|
+
}
|
|
1956
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
1957
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1958
|
+
}
|
|
1959
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
1960
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1961
|
+
}
|
|
1962
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
1963
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1964
|
+
}
|
|
1965
|
+
|
|
1966
|
+
.ax-el-ghost-outline {
|
|
1967
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
1968
|
+
}
|
|
1969
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
1970
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
1971
|
+
}
|
|
1972
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
1973
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
1974
|
+
}
|
|
1975
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
1976
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1977
|
+
}
|
|
1978
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
1979
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1980
|
+
}
|
|
1981
|
+
|
|
1982
|
+
.ax-el-ghost-blank {
|
|
1983
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
1984
|
+
}
|
|
1985
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
1986
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
1987
|
+
}
|
|
1988
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
1989
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
1990
|
+
}
|
|
1991
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
1992
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
1993
|
+
}
|
|
1994
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
1995
|
+
@apply ax-bg-primary-500/30 !important;
|
|
1996
|
+
}
|
|
1997
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
1998
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
1999
|
+
}
|
|
2000
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2001
|
+
@apply ax-outline-primary-500;
|
|
2002
|
+
}
|
|
2003
|
+
|
|
2004
|
+
.ax-el-ghost-twotone {
|
|
2005
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2006
|
+
}
|
|
2007
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2008
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2009
|
+
}
|
|
2010
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2011
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2012
|
+
}
|
|
2013
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2014
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2015
|
+
}
|
|
2016
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2017
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2018
|
+
}
|
|
2019
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2020
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2021
|
+
}
|
|
2022
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2023
|
+
@apply ax-outline-primary-500;
|
|
2024
|
+
}
|
|
2025
|
+
|
|
2026
|
+
.ax-el-danger-twotone {
|
|
2027
|
+
@apply ax-bg-danger-100 ax-text-danger-fore-tint ax-border-danger-100;
|
|
2028
|
+
}
|
|
2029
|
+
.ax-el-danger-twotone.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2030
|
+
@apply ax-bg-danger-200;
|
|
2031
|
+
}
|
|
2032
|
+
.ax-el-danger-twotone.ax-state-selected {
|
|
2033
|
+
@apply ax-bg-danger-300;
|
|
2034
|
+
}
|
|
2035
|
+
.ax-el-danger-twotone .ax-ripple {
|
|
2036
|
+
@apply ax-bg-danger-500/30 !important;
|
|
2037
|
+
}
|
|
2038
|
+
.ax-el-danger-twotone ax-loading-spinner .ax-loader {
|
|
2039
|
+
@apply ax-border-danger-fore ax-border-b-transparent;
|
|
2040
|
+
}
|
|
2041
|
+
.ax-el-danger-twotone > button:is(.ax-el-danger-twotone > button:focus-visible, .ax-el-danger-twotone > button.ax-state-focus) {
|
|
2042
|
+
@apply ax-outline-danger-500;
|
|
2043
|
+
}
|
|
2044
|
+
|
|
2045
|
+
.ax-el-ghost-solid {
|
|
2046
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
2047
|
+
}
|
|
2048
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
2049
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2050
|
+
}
|
|
2051
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
2052
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2053
|
+
}
|
|
2054
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
2055
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2056
|
+
}
|
|
2057
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
2058
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2059
|
+
}
|
|
2060
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
2061
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2062
|
+
}
|
|
2063
|
+
|
|
2064
|
+
.ax-el-ghost-outline {
|
|
2065
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
2066
|
+
}
|
|
2067
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
2068
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2069
|
+
}
|
|
2070
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
2071
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2072
|
+
}
|
|
2073
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
2074
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2075
|
+
}
|
|
2076
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
2077
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2078
|
+
}
|
|
2079
|
+
|
|
2080
|
+
.ax-el-ghost-blank {
|
|
2081
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
2082
|
+
}
|
|
2083
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
2084
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2085
|
+
}
|
|
2086
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
2087
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2088
|
+
}
|
|
2089
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
2090
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
2091
|
+
}
|
|
2092
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
2093
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2094
|
+
}
|
|
2095
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
2096
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2097
|
+
}
|
|
2098
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2099
|
+
@apply ax-outline-primary-500;
|
|
2100
|
+
}
|
|
2101
|
+
|
|
2102
|
+
.ax-el-ghost-twotone {
|
|
2103
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2104
|
+
}
|
|
2105
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2106
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2107
|
+
}
|
|
2108
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2109
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2110
|
+
}
|
|
2111
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2112
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2113
|
+
}
|
|
2114
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2115
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2116
|
+
}
|
|
2117
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2118
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2119
|
+
}
|
|
2120
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2121
|
+
@apply ax-outline-primary-500;
|
|
2122
|
+
}
|
|
2123
|
+
|
|
2124
|
+
.ax-el-danger-outline {
|
|
2125
|
+
@apply ax-border-danger-500 ax-text-danger-500 ax-border ax-bg-transparent;
|
|
2126
|
+
}
|
|
2127
|
+
.ax-el-danger-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2128
|
+
@apply ax-border-danger-700 ax-text-danger-700;
|
|
2129
|
+
}
|
|
2130
|
+
.ax-el-danger-outline.ax-state-selected {
|
|
2131
|
+
@apply ax-border-danger-500 ax-text-danger-fore ax-bg-danger-500;
|
|
2132
|
+
}
|
|
2133
|
+
.ax-el-danger-outline .ax-ripple {
|
|
2134
|
+
@apply ax-bg-danger-500/30 !important;
|
|
2135
|
+
}
|
|
2136
|
+
.ax-el-danger-outline ax-loading-spinner .ax-loader {
|
|
2137
|
+
@apply ax-border-danger-fore ax-border-b-transparent;
|
|
2138
|
+
}
|
|
2139
|
+
.ax-el-danger-outline > button:is(.ax-el-danger-outline > button:focus-visible, .ax-el-danger-outline > button.ax-state-focus) {
|
|
2140
|
+
@apply ax-text-danger-fore-tint ax-outline-danger-fore-tint -ax-outline-offset-4;
|
|
2141
|
+
}
|
|
2142
|
+
|
|
2143
|
+
.ax-el-ghost-solid {
|
|
2144
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
2145
|
+
}
|
|
2146
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
2147
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2148
|
+
}
|
|
2149
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
2150
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2151
|
+
}
|
|
2152
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
2153
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2154
|
+
}
|
|
2155
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
2156
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2157
|
+
}
|
|
2158
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
2159
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2160
|
+
}
|
|
2161
|
+
|
|
2162
|
+
.ax-el-ghost-outline {
|
|
2163
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
2164
|
+
}
|
|
2165
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
2166
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2167
|
+
}
|
|
2168
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
2169
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2170
|
+
}
|
|
2171
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
2172
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2173
|
+
}
|
|
2174
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
2175
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2176
|
+
}
|
|
2177
|
+
|
|
2178
|
+
.ax-el-ghost-blank {
|
|
2179
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
2180
|
+
}
|
|
2181
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
2182
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2183
|
+
}
|
|
2184
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
2185
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2186
|
+
}
|
|
2187
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
2188
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
2189
|
+
}
|
|
2190
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
2191
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2192
|
+
}
|
|
2193
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
2194
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2195
|
+
}
|
|
2196
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2197
|
+
@apply ax-outline-primary-500;
|
|
2198
|
+
}
|
|
2199
|
+
|
|
2200
|
+
.ax-el-ghost-twotone {
|
|
2201
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2202
|
+
}
|
|
2203
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2204
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2205
|
+
}
|
|
2206
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2207
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2208
|
+
}
|
|
2209
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2210
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2211
|
+
}
|
|
2212
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2213
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2214
|
+
}
|
|
2215
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2216
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2217
|
+
}
|
|
2218
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2219
|
+
@apply ax-outline-primary-500;
|
|
2220
|
+
}
|
|
2221
|
+
|
|
2222
|
+
.ax-el-danger-blank {
|
|
2223
|
+
@apply ax-text-danger-500;
|
|
2224
|
+
}
|
|
2225
|
+
.ax-el-danger-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2226
|
+
@apply ax-text-danger-fore-tint;
|
|
2227
|
+
}
|
|
2228
|
+
.ax-el-danger-blank.ax-state-selected {
|
|
2229
|
+
@apply ax-bg-danger-700 ax-text-danger-fore;
|
|
2230
|
+
}
|
|
2231
|
+
.ax-el-danger-blank .ax-ripple {
|
|
2232
|
+
@apply ax-bg-danger-500/30 !important;
|
|
2233
|
+
}
|
|
2234
|
+
.ax-el-danger-blank ax-loading-spinner .ax-loader {
|
|
2235
|
+
@apply ax-border-danger-fore ax-border-b-transparent;
|
|
2236
|
+
}
|
|
2237
|
+
.ax-el-danger-blank > button:is(.ax-el-danger-blank > button:focus-visible, .ax-el-danger-blank > button.ax-state-focus) {
|
|
2238
|
+
@apply ax-outline-danger-300 ax-outline-offset-0;
|
|
2239
|
+
}
|
|
2240
|
+
|
|
2241
|
+
.ax-el-ghost-solid {
|
|
2242
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
2243
|
+
}
|
|
2244
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
2245
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2246
|
+
}
|
|
2247
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
2248
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2249
|
+
}
|
|
2250
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
2251
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2252
|
+
}
|
|
2253
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
2254
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2255
|
+
}
|
|
2256
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
2257
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2258
|
+
}
|
|
2259
|
+
|
|
2260
|
+
.ax-el-ghost-outline {
|
|
2261
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
2262
|
+
}
|
|
2263
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
2264
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2265
|
+
}
|
|
2266
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
2267
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2268
|
+
}
|
|
2269
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
2270
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2271
|
+
}
|
|
2272
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
2273
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2274
|
+
}
|
|
2275
|
+
|
|
2276
|
+
.ax-el-ghost-blank {
|
|
2277
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
2278
|
+
}
|
|
2279
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
2280
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2281
|
+
}
|
|
2282
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
2283
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2284
|
+
}
|
|
2285
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
2286
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
2287
|
+
}
|
|
2288
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
2289
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2290
|
+
}
|
|
2291
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
2292
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2293
|
+
}
|
|
2294
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2295
|
+
@apply ax-outline-primary-500;
|
|
2296
|
+
}
|
|
2297
|
+
|
|
2298
|
+
.ax-el-ghost-twotone {
|
|
2299
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2300
|
+
}
|
|
2301
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2302
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2303
|
+
}
|
|
2304
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2305
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2306
|
+
}
|
|
2307
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2308
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2309
|
+
}
|
|
2310
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2311
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2312
|
+
}
|
|
2313
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2314
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2315
|
+
}
|
|
2316
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2317
|
+
@apply ax-outline-primary-500;
|
|
2318
|
+
}
|
|
2319
|
+
|
|
2320
|
+
.ax-el-info-solid {
|
|
2321
|
+
@apply ax-bg-info-500 ax-text-info-fore ax-border-info-500;
|
|
2322
|
+
}
|
|
2323
|
+
.ax-el-info-solid.ax-el-interactive:is(.ax-el-info-solid.ax-el-interactive:hover):not(.ax-state-disabled) {
|
|
2324
|
+
@apply ax-bg-info-600;
|
|
2325
|
+
}
|
|
2326
|
+
.ax-el-info-solid.ax-state-selected {
|
|
2327
|
+
@apply ax-bg-info-700;
|
|
2328
|
+
}
|
|
2329
|
+
.ax-el-info-solid .ax-ripple {
|
|
2330
|
+
@apply ax-bg-info-300/30 !important;
|
|
2331
|
+
}
|
|
2332
|
+
.ax-el-info-solid ax-loading-spinner .ax-loader {
|
|
2333
|
+
@apply ax-border-info-fore ax-border-b-transparent;
|
|
2334
|
+
}
|
|
2335
|
+
.ax-el-info-solid > button:is(.ax-el-info-solid > button:focus-visible, .ax-el-info-solid > button.ax-state-focus) {
|
|
2336
|
+
@apply ax-outline-info-500;
|
|
2337
|
+
}
|
|
2338
|
+
|
|
2339
|
+
.ax-el-ghost-solid {
|
|
2340
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
2341
|
+
}
|
|
2342
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
2343
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2344
|
+
}
|
|
2345
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
2346
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2347
|
+
}
|
|
2348
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
2349
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2350
|
+
}
|
|
2351
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
2352
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2353
|
+
}
|
|
2354
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
2355
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2356
|
+
}
|
|
2357
|
+
|
|
2358
|
+
.ax-el-ghost-outline {
|
|
2359
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
2360
|
+
}
|
|
2361
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
2362
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2363
|
+
}
|
|
2364
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
2365
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2366
|
+
}
|
|
2367
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
2368
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2369
|
+
}
|
|
2370
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
2371
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2372
|
+
}
|
|
2373
|
+
|
|
2374
|
+
.ax-el-ghost-blank {
|
|
2375
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
2376
|
+
}
|
|
2377
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
2378
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2379
|
+
}
|
|
2380
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
2381
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2382
|
+
}
|
|
2383
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
2384
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
2385
|
+
}
|
|
2386
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
2387
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2388
|
+
}
|
|
2389
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
2390
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2391
|
+
}
|
|
2392
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2393
|
+
@apply ax-outline-primary-500;
|
|
2394
|
+
}
|
|
2395
|
+
|
|
2396
|
+
.ax-el-ghost-twotone {
|
|
2397
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2398
|
+
}
|
|
2399
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2400
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2401
|
+
}
|
|
2402
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2403
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2404
|
+
}
|
|
2405
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2406
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2407
|
+
}
|
|
2408
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2409
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2410
|
+
}
|
|
2411
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2412
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2413
|
+
}
|
|
2414
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2415
|
+
@apply ax-outline-primary-500;
|
|
2416
|
+
}
|
|
2417
|
+
|
|
2418
|
+
.ax-el-info-twotone {
|
|
2419
|
+
@apply ax-bg-info-100 ax-text-info-fore-tint ax-border-info-100;
|
|
2420
|
+
}
|
|
2421
|
+
.ax-el-info-twotone.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2422
|
+
@apply ax-bg-info-200;
|
|
2423
|
+
}
|
|
2424
|
+
.ax-el-info-twotone.ax-state-selected {
|
|
2425
|
+
@apply ax-bg-info-300;
|
|
2426
|
+
}
|
|
2427
|
+
.ax-el-info-twotone .ax-ripple {
|
|
2428
|
+
@apply ax-bg-info-500/30 !important;
|
|
2429
|
+
}
|
|
2430
|
+
.ax-el-info-twotone ax-loading-spinner .ax-loader {
|
|
2431
|
+
@apply ax-border-info-fore ax-border-b-transparent;
|
|
2432
|
+
}
|
|
2433
|
+
.ax-el-info-twotone > button:is(.ax-el-info-twotone > button:focus-visible, .ax-el-info-twotone > button.ax-state-focus) {
|
|
2434
|
+
@apply ax-outline-info-500;
|
|
2435
|
+
}
|
|
2436
|
+
|
|
2437
|
+
.ax-el-ghost-solid {
|
|
2438
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
2439
|
+
}
|
|
2440
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
2441
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2442
|
+
}
|
|
2443
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
2444
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2445
|
+
}
|
|
2446
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
2447
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2448
|
+
}
|
|
2449
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
2450
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2451
|
+
}
|
|
2452
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
2453
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2454
|
+
}
|
|
2455
|
+
|
|
2456
|
+
.ax-el-ghost-outline {
|
|
2457
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
2458
|
+
}
|
|
2459
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
2460
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2461
|
+
}
|
|
2462
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
2463
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2464
|
+
}
|
|
2465
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
2466
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2467
|
+
}
|
|
2468
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
2469
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2470
|
+
}
|
|
2471
|
+
|
|
2472
|
+
.ax-el-ghost-blank {
|
|
2473
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
2474
|
+
}
|
|
2475
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
2476
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2477
|
+
}
|
|
2478
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
2479
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2480
|
+
}
|
|
2481
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
2482
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
2483
|
+
}
|
|
2484
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
2485
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2486
|
+
}
|
|
2487
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
2488
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2489
|
+
}
|
|
2490
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2491
|
+
@apply ax-outline-primary-500;
|
|
2492
|
+
}
|
|
2493
|
+
|
|
2494
|
+
.ax-el-ghost-twotone {
|
|
2495
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2496
|
+
}
|
|
2497
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2498
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2499
|
+
}
|
|
2500
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2501
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2502
|
+
}
|
|
2503
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2504
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2505
|
+
}
|
|
2506
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2507
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2508
|
+
}
|
|
2509
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2510
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2511
|
+
}
|
|
2512
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2513
|
+
@apply ax-outline-primary-500;
|
|
2514
|
+
}
|
|
2515
|
+
|
|
2516
|
+
.ax-el-info-outline {
|
|
2517
|
+
@apply ax-border-info-500 ax-text-info-500 ax-border ax-bg-transparent;
|
|
2518
|
+
}
|
|
2519
|
+
.ax-el-info-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2520
|
+
@apply ax-border-info-700 ax-text-info-700;
|
|
2521
|
+
}
|
|
2522
|
+
.ax-el-info-outline.ax-state-selected {
|
|
2523
|
+
@apply ax-border-info-500 ax-text-info-fore ax-bg-info-500;
|
|
2524
|
+
}
|
|
2525
|
+
.ax-el-info-outline .ax-ripple {
|
|
2526
|
+
@apply ax-bg-info-500/30 !important;
|
|
2527
|
+
}
|
|
2528
|
+
.ax-el-info-outline ax-loading-spinner .ax-loader {
|
|
2529
|
+
@apply ax-border-info-fore ax-border-b-transparent;
|
|
2530
|
+
}
|
|
2531
|
+
.ax-el-info-outline > button:is(.ax-el-info-outline > button:focus-visible, .ax-el-info-outline > button.ax-state-focus) {
|
|
2532
|
+
@apply ax-text-info-fore-tint ax-outline-info-fore-tint -ax-outline-offset-4;
|
|
2533
|
+
}
|
|
2534
|
+
|
|
2535
|
+
.ax-el-ghost-solid {
|
|
2536
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
2537
|
+
}
|
|
2538
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
2539
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2540
|
+
}
|
|
2541
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
2542
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2543
|
+
}
|
|
2544
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
2545
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2546
|
+
}
|
|
2547
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
2548
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2549
|
+
}
|
|
2550
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
2551
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2552
|
+
}
|
|
2553
|
+
|
|
2554
|
+
.ax-el-ghost-outline {
|
|
2555
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
2556
|
+
}
|
|
2557
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
2558
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2559
|
+
}
|
|
2560
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
2561
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2562
|
+
}
|
|
2563
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
2564
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2565
|
+
}
|
|
2566
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
2567
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2568
|
+
}
|
|
2569
|
+
|
|
2570
|
+
.ax-el-ghost-blank {
|
|
2571
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
2572
|
+
}
|
|
2573
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
2574
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2575
|
+
}
|
|
2576
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
2577
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2578
|
+
}
|
|
2579
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
2580
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
2581
|
+
}
|
|
2582
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
2583
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2584
|
+
}
|
|
2585
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
2586
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2587
|
+
}
|
|
2588
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2589
|
+
@apply ax-outline-primary-500;
|
|
2590
|
+
}
|
|
2591
|
+
|
|
2592
|
+
.ax-el-ghost-twotone {
|
|
2593
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2594
|
+
}
|
|
2595
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2596
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2597
|
+
}
|
|
2598
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2599
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2600
|
+
}
|
|
2601
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2602
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2603
|
+
}
|
|
2604
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2605
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2606
|
+
}
|
|
2607
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2608
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2609
|
+
}
|
|
2610
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2611
|
+
@apply ax-outline-primary-500;
|
|
2612
|
+
}
|
|
2613
|
+
|
|
2614
|
+
.ax-el-info-blank {
|
|
2615
|
+
@apply ax-text-info-500;
|
|
2616
|
+
}
|
|
2617
|
+
.ax-el-info-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2618
|
+
@apply ax-text-info-fore-tint;
|
|
2619
|
+
}
|
|
2620
|
+
.ax-el-info-blank.ax-state-selected {
|
|
2621
|
+
@apply ax-bg-info-700 ax-text-info-fore;
|
|
2622
|
+
}
|
|
2623
|
+
.ax-el-info-blank .ax-ripple {
|
|
2624
|
+
@apply ax-bg-info-500/30 !important;
|
|
2625
|
+
}
|
|
2626
|
+
.ax-el-info-blank ax-loading-spinner .ax-loader {
|
|
2627
|
+
@apply ax-border-info-fore ax-border-b-transparent;
|
|
2628
|
+
}
|
|
2629
|
+
.ax-el-info-blank > button:is(.ax-el-info-blank > button:focus-visible, .ax-el-info-blank > button.ax-state-focus) {
|
|
2630
|
+
@apply ax-outline-info-300 ax-outline-offset-0;
|
|
2631
|
+
}
|
|
2632
|
+
|
|
2633
|
+
.ax-el-ghost-solid {
|
|
2634
|
+
@apply ax-border ax-border-default ax-bg-ghost ax-text-ghost-fore ax-shadow-sm;
|
|
2635
|
+
}
|
|
2636
|
+
.ax-el-ghost-solid.ax-el-interactive:hover:not(.ax-el-ghost-solid.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-solid.ax-el-interactive:hover.ax-state-disabled) {
|
|
2637
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2638
|
+
}
|
|
2639
|
+
.ax-el-ghost-solid.ax-el-interactive:active {
|
|
2640
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2641
|
+
}
|
|
2642
|
+
.ax-el-ghost-solid.ax-state-selected {
|
|
2643
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2644
|
+
}
|
|
2645
|
+
.ax-el-ghost-solid .ax-ripple {
|
|
2646
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2647
|
+
}
|
|
2648
|
+
.ax-el-ghost-solid ax-loading-spinner .ax-loader {
|
|
2649
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2650
|
+
}
|
|
2651
|
+
|
|
2652
|
+
.ax-el-ghost-outline {
|
|
2653
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
2654
|
+
}
|
|
2655
|
+
.ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
2656
|
+
@apply ax-border-primary-500 ax-text-primary-500;
|
|
2657
|
+
}
|
|
2658
|
+
.ax-el-ghost-outline.ax-state-selected {
|
|
2659
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
2660
|
+
}
|
|
2661
|
+
.ax-el-ghost-outline .ax-ripple {
|
|
2662
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2663
|
+
}
|
|
2664
|
+
.ax-el-ghost-outline ax-loading-spinner .ax-loader {
|
|
2665
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2666
|
+
}
|
|
2667
|
+
|
|
2668
|
+
.ax-el-ghost-blank {
|
|
2669
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
2670
|
+
}
|
|
2671
|
+
.ax-el-ghost-blank.ax-state-selected {
|
|
2672
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2673
|
+
}
|
|
2674
|
+
.ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
2675
|
+
@apply ax-border-primary-700 ax-text-primary-700;
|
|
2676
|
+
}
|
|
2677
|
+
.ax-el-ghost-blank.ax-el-interactive:active {
|
|
2678
|
+
@apply ax-border-primary-800 ax-text-primary-800;
|
|
2679
|
+
}
|
|
2680
|
+
.ax-el-ghost-blank .ax-ripple {
|
|
2681
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2682
|
+
}
|
|
2683
|
+
.ax-el-ghost-blank ax-loading-spinner .ax-loader {
|
|
2684
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2685
|
+
}
|
|
2686
|
+
.ax-el-ghost-blank > button:is(.ax-el-ghost-blank > button:focus-visible, .ax-el-ghost-blank > button.ax-state-focus) {
|
|
2687
|
+
@apply ax-outline-primary-500;
|
|
2688
|
+
}
|
|
2689
|
+
|
|
2690
|
+
.ax-el-ghost-twotone {
|
|
2691
|
+
@apply ax-border-transparent ax-bg-ghost-fore/5 ax-text-ghost-fore;
|
|
2692
|
+
}
|
|
2693
|
+
.ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
2694
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint;
|
|
2695
|
+
}
|
|
2696
|
+
.ax-el-ghost-twotone.ax-el-interactive:active {
|
|
2697
|
+
@apply ax-bg-primary-300 ax-text-primary-fore-tint;
|
|
2698
|
+
}
|
|
2699
|
+
.ax-el-ghost-twotone.ax-state-selected {
|
|
2700
|
+
@apply ax-border-primary-300 ax-bg-primary-400 ax-text-primary-fore-tint;
|
|
2701
|
+
}
|
|
2702
|
+
.ax-el-ghost-twotone .ax-ripple {
|
|
2703
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2704
|
+
}
|
|
2705
|
+
.ax-el-ghost-twotone ax-loading-spinner .ax-loader {
|
|
2706
|
+
@apply ax-border-ghost-fore ax-border-b-transparent;
|
|
2707
|
+
}
|
|
2708
|
+
.ax-el-ghost-twotone > button:is(.ax-el-ghost-twotone > button:focus-visible, .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
2709
|
+
@apply ax-outline-primary-500;
|
|
2710
|
+
}
|
|
2711
|
+
|
|
2712
|
+
.ax-dark .ax-el-primary-solid {
|
|
2713
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint ax-border-primary-200;
|
|
2714
|
+
}
|
|
2715
|
+
.ax-dark .ax-el-primary-solid.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2716
|
+
@apply ax-bg-primary-300 ax-text-primary-fore;
|
|
2717
|
+
}
|
|
2718
|
+
.ax-dark .ax-el-primary-solid.ax-state-selected {
|
|
2719
|
+
@apply ax-bg-primary-400;
|
|
2720
|
+
}
|
|
2721
|
+
.ax-dark .ax-el-primary-solid .ax-ripple {
|
|
2722
|
+
@apply ax-bg-primary-200/30 !important;
|
|
2723
|
+
}
|
|
2724
|
+
.ax-dark .ax-el-primary-solid ax-loading-spinner .ax-loader {
|
|
2725
|
+
@apply ax-border-primary-fore-tint ax-border-b-transparent;
|
|
2726
|
+
}
|
|
2727
|
+
.ax-dark .ax-el-primary-solid > button:is(.ax-dark .ax-el-primary-solid > button:focus-visible, .ax-dark .ax-el-primary-solid > button.ax-state-focus) {
|
|
2728
|
+
@apply ax-outline-primary-500;
|
|
2729
|
+
}
|
|
2730
|
+
.ax-dark .ax-el-primary-twotone {
|
|
2731
|
+
@apply ax-bg-primary-200 ax-text-primary-fore-tint ax-border-primary-200;
|
|
2732
|
+
}
|
|
2733
|
+
.ax-dark .ax-el-primary-twotone.ax-state-interactive:hover:not(.ax-state-disabled) {
|
|
2734
|
+
background-color: rgba(var(--ax-color-primary-300));
|
|
2735
|
+
@apply ax-bg-primary-300;
|
|
2736
|
+
}
|
|
2737
|
+
.ax-dark .ax-el-primary-twotone.ax-state-selected {
|
|
2738
|
+
@apply ax-bg-primary-400;
|
|
2739
|
+
}
|
|
2740
|
+
.ax-dark .ax-el-primary-twotone .ax-ripple {
|
|
2741
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2742
|
+
}
|
|
2743
|
+
.ax-dark .ax-el-primary-twotone ax-loading-spinner .ax-loader {
|
|
2744
|
+
@apply ax-border-primary-fore-tint ax-border-b-transparent;
|
|
2745
|
+
}
|
|
2746
|
+
.ax-dark .ax-el-primary-twotone > button:is(.ax-dark .ax-el-primary-twotone > button:focus-visible, .ax-dark .ax-el-primary-twotone > button.ax-state-focus) {
|
|
2747
|
+
@apply ax-outline-primary-500;
|
|
2748
|
+
}
|
|
2749
|
+
.ax-dark .ax-el-primary-outline {
|
|
2750
|
+
@apply ax-border-primary-200 ax-text-primary-200;
|
|
2751
|
+
}
|
|
2752
|
+
.ax-dark .ax-el-primary-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2753
|
+
@apply ax-border-primary-300 ax-text-primary-300 ax-bg-transparent;
|
|
2754
|
+
}
|
|
2755
|
+
.ax-dark .ax-el-primary-outline.ax-state-selected {
|
|
2756
|
+
@apply ax-bg-primary-300 ax-text-primary-fore;
|
|
2757
|
+
}
|
|
2758
|
+
.ax-dark .ax-el-primary-outline .ax-ripple {
|
|
2759
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2760
|
+
}
|
|
2761
|
+
.ax-dark .ax-el-primary-outline ax-loading-spinner .ax-loader {
|
|
2762
|
+
@apply ax-border-primary-fore-tint ax-border-b-transparent;
|
|
2763
|
+
}
|
|
2764
|
+
.ax-dark .ax-el-primary-outline > button:is(.ax-dark .ax-el-primary-outline > button:focus-visible, .ax-dark .ax-el-primary-outline > button.ax-state-focus) {
|
|
2765
|
+
@apply ax-text-primary-300 ax-outline-primary-300 -ax-outline-offset-4;
|
|
2766
|
+
}
|
|
2767
|
+
.ax-dark .ax-el-primary-blank {
|
|
2768
|
+
@apply ax-text-primary-300 ax-bg-transparent;
|
|
2769
|
+
}
|
|
2770
|
+
.ax-dark .ax-el-primary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2771
|
+
@apply ax-text-primary-500;
|
|
2772
|
+
}
|
|
2773
|
+
.ax-dark .ax-el-primary-blank.ax-state-selected {
|
|
2774
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
2775
|
+
}
|
|
2776
|
+
.ax-dark .ax-el-primary-blank .ax-ripple {
|
|
2777
|
+
@apply ax-bg-primary-500/30 !important;
|
|
2778
|
+
}
|
|
2779
|
+
.ax-dark .ax-el-primary-blank ax-loading-spinner .ax-loader {
|
|
2780
|
+
@apply ax-border-primary-fore-tint ax-border-b-transparent;
|
|
2781
|
+
}
|
|
2782
|
+
.ax-dark .ax-el-primary-blank > button:is(.ax-dark .ax-el-primary-blank > button:focus-visible, .ax-dark .ax-el-primary-blank > button.ax-state-focus) {
|
|
2783
|
+
@apply ax-outline-primary-300 ax-outline-offset-0;
|
|
2784
|
+
}
|
|
2785
|
+
.ax-dark .ax-el-secondary-solid {
|
|
2786
|
+
@apply ax-bg-secondary-200 ax-text-secondary-fore-tint ax-border-secondary-200;
|
|
2787
|
+
}
|
|
2788
|
+
.ax-dark .ax-el-secondary-solid.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2789
|
+
@apply ax-bg-secondary-300 ax-text-secondary-fore;
|
|
2790
|
+
}
|
|
2791
|
+
.ax-dark .ax-el-secondary-solid.ax-state-selected {
|
|
2792
|
+
@apply ax-bg-secondary-400;
|
|
2793
|
+
}
|
|
2794
|
+
.ax-dark .ax-el-secondary-solid .ax-ripple {
|
|
2795
|
+
@apply ax-bg-secondary-200/30 !important;
|
|
2796
|
+
}
|
|
2797
|
+
.ax-dark .ax-el-secondary-solid ax-loading-spinner .ax-loader {
|
|
2798
|
+
@apply ax-border-secondary-fore-tint ax-border-b-transparent;
|
|
2799
|
+
}
|
|
2800
|
+
.ax-dark .ax-el-secondary-solid > button:is(.ax-dark .ax-el-secondary-solid > button:focus-visible, .ax-dark .ax-el-secondary-solid > button.ax-state-focus) {
|
|
2801
|
+
@apply ax-outline-secondary-500;
|
|
2802
|
+
}
|
|
2803
|
+
.ax-dark .ax-el-secondary-twotone {
|
|
2804
|
+
@apply ax-bg-secondary-200 ax-text-secondary-fore-tint ax-border-secondary-200;
|
|
2805
|
+
}
|
|
2806
|
+
.ax-dark .ax-el-secondary-twotone.ax-state-interactive:hover:not(.ax-state-disabled) {
|
|
2807
|
+
background-color: rgba(var(--ax-color-secondary-300));
|
|
2808
|
+
@apply ax-bg-secondary-300;
|
|
2809
|
+
}
|
|
2810
|
+
.ax-dark .ax-el-secondary-twotone.ax-state-selected {
|
|
2811
|
+
@apply ax-bg-secondary-400;
|
|
2812
|
+
}
|
|
2813
|
+
.ax-dark .ax-el-secondary-twotone .ax-ripple {
|
|
2814
|
+
@apply ax-bg-secondary-500/30 !important;
|
|
2815
|
+
}
|
|
2816
|
+
.ax-dark .ax-el-secondary-twotone ax-loading-spinner .ax-loader {
|
|
2817
|
+
@apply ax-border-secondary-fore-tint ax-border-b-transparent;
|
|
2818
|
+
}
|
|
2819
|
+
.ax-dark .ax-el-secondary-twotone > button:is(.ax-dark .ax-el-secondary-twotone > button:focus-visible, .ax-dark .ax-el-secondary-twotone > button.ax-state-focus) {
|
|
2820
|
+
@apply ax-outline-secondary-500;
|
|
2821
|
+
}
|
|
2822
|
+
.ax-dark .ax-el-secondary-outline {
|
|
2823
|
+
@apply ax-border-secondary-200 ax-text-secondary-200;
|
|
2824
|
+
}
|
|
2825
|
+
.ax-dark .ax-el-secondary-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2826
|
+
@apply ax-border-secondary-300 ax-text-secondary-300 ax-bg-transparent;
|
|
2827
|
+
}
|
|
2828
|
+
.ax-dark .ax-el-secondary-outline.ax-state-selected {
|
|
2829
|
+
@apply ax-bg-secondary-300 ax-text-secondary-fore;
|
|
2830
|
+
}
|
|
2831
|
+
.ax-dark .ax-el-secondary-outline .ax-ripple {
|
|
2832
|
+
@apply ax-bg-secondary-500/30 !important;
|
|
2833
|
+
}
|
|
2834
|
+
.ax-dark .ax-el-secondary-outline ax-loading-spinner .ax-loader {
|
|
2835
|
+
@apply ax-border-secondary-fore-tint ax-border-b-transparent;
|
|
2836
|
+
}
|
|
2837
|
+
.ax-dark .ax-el-secondary-outline > button:is(.ax-dark .ax-el-secondary-outline > button:focus-visible, .ax-dark .ax-el-secondary-outline > button.ax-state-focus) {
|
|
2838
|
+
@apply ax-text-secondary-300 ax-outline-secondary-300 -ax-outline-offset-4;
|
|
2839
|
+
}
|
|
2840
|
+
.ax-dark .ax-el-secondary-blank {
|
|
2841
|
+
@apply ax-text-secondary-300 ax-bg-transparent;
|
|
2842
|
+
}
|
|
2843
|
+
.ax-dark .ax-el-secondary-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2844
|
+
@apply ax-text-secondary-500;
|
|
2845
|
+
}
|
|
2846
|
+
.ax-dark .ax-el-secondary-blank.ax-state-selected {
|
|
2847
|
+
@apply ax-bg-secondary-500 ax-text-secondary-fore;
|
|
2848
|
+
}
|
|
2849
|
+
.ax-dark .ax-el-secondary-blank .ax-ripple {
|
|
2850
|
+
@apply ax-bg-secondary-500/30 !important;
|
|
2851
|
+
}
|
|
2852
|
+
.ax-dark .ax-el-secondary-blank ax-loading-spinner .ax-loader {
|
|
2853
|
+
@apply ax-border-secondary-fore-tint ax-border-b-transparent;
|
|
2854
|
+
}
|
|
2855
|
+
.ax-dark .ax-el-secondary-blank > button:is(.ax-dark .ax-el-secondary-blank > button:focus-visible, .ax-dark .ax-el-secondary-blank > button.ax-state-focus) {
|
|
2856
|
+
@apply ax-outline-secondary-300 ax-outline-offset-0;
|
|
2857
|
+
}
|
|
2858
|
+
.ax-dark .ax-el-success-solid {
|
|
2859
|
+
@apply ax-bg-success-200 ax-text-success-fore-tint ax-border-success-200;
|
|
2860
|
+
}
|
|
2861
|
+
.ax-dark .ax-el-success-solid.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2862
|
+
@apply ax-bg-success-300 ax-text-success-fore;
|
|
2863
|
+
}
|
|
2864
|
+
.ax-dark .ax-el-success-solid.ax-state-selected {
|
|
2865
|
+
@apply ax-bg-success-400;
|
|
2866
|
+
}
|
|
2867
|
+
.ax-dark .ax-el-success-solid .ax-ripple {
|
|
2868
|
+
@apply ax-bg-success-200/30 !important;
|
|
2869
|
+
}
|
|
2870
|
+
.ax-dark .ax-el-success-solid ax-loading-spinner .ax-loader {
|
|
2871
|
+
@apply ax-border-success-fore-tint ax-border-b-transparent;
|
|
2872
|
+
}
|
|
2873
|
+
.ax-dark .ax-el-success-solid > button:is(.ax-dark .ax-el-success-solid > button:focus-visible, .ax-dark .ax-el-success-solid > button.ax-state-focus) {
|
|
2874
|
+
@apply ax-outline-success-500;
|
|
2875
|
+
}
|
|
2876
|
+
.ax-dark .ax-el-success-twotone {
|
|
2877
|
+
@apply ax-bg-success-200 ax-text-success-fore-tint ax-border-success-200;
|
|
2878
|
+
}
|
|
2879
|
+
.ax-dark .ax-el-success-twotone.ax-state-interactive:hover:not(.ax-state-disabled) {
|
|
2880
|
+
background-color: rgba(var(--ax-color-success-300));
|
|
2881
|
+
@apply ax-bg-success-300;
|
|
2882
|
+
}
|
|
2883
|
+
.ax-dark .ax-el-success-twotone.ax-state-selected {
|
|
2884
|
+
@apply ax-bg-success-400;
|
|
2885
|
+
}
|
|
2886
|
+
.ax-dark .ax-el-success-twotone .ax-ripple {
|
|
2887
|
+
@apply ax-bg-success-500/30 !important;
|
|
2888
|
+
}
|
|
2889
|
+
.ax-dark .ax-el-success-twotone ax-loading-spinner .ax-loader {
|
|
2890
|
+
@apply ax-border-success-fore-tint ax-border-b-transparent;
|
|
2891
|
+
}
|
|
2892
|
+
.ax-dark .ax-el-success-twotone > button:is(.ax-dark .ax-el-success-twotone > button:focus-visible, .ax-dark .ax-el-success-twotone > button.ax-state-focus) {
|
|
2893
|
+
@apply ax-outline-success-500;
|
|
2894
|
+
}
|
|
2895
|
+
.ax-dark .ax-el-success-outline {
|
|
2896
|
+
@apply ax-border-success-200 ax-text-success-200;
|
|
2897
|
+
}
|
|
2898
|
+
.ax-dark .ax-el-success-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2899
|
+
@apply ax-border-success-300 ax-text-success-300 ax-bg-transparent;
|
|
2900
|
+
}
|
|
2901
|
+
.ax-dark .ax-el-success-outline.ax-state-selected {
|
|
2902
|
+
@apply ax-bg-success-300 ax-text-success-fore;
|
|
2903
|
+
}
|
|
2904
|
+
.ax-dark .ax-el-success-outline .ax-ripple {
|
|
2905
|
+
@apply ax-bg-success-500/30 !important;
|
|
2906
|
+
}
|
|
2907
|
+
.ax-dark .ax-el-success-outline ax-loading-spinner .ax-loader {
|
|
2908
|
+
@apply ax-border-success-fore-tint ax-border-b-transparent;
|
|
2909
|
+
}
|
|
2910
|
+
.ax-dark .ax-el-success-outline > button:is(.ax-dark .ax-el-success-outline > button:focus-visible, .ax-dark .ax-el-success-outline > button.ax-state-focus) {
|
|
2911
|
+
@apply ax-text-success-300 ax-outline-success-300 -ax-outline-offset-4;
|
|
2912
|
+
}
|
|
2913
|
+
.ax-dark .ax-el-success-blank {
|
|
2914
|
+
@apply ax-text-success-300 ax-bg-transparent;
|
|
2915
|
+
}
|
|
2916
|
+
.ax-dark .ax-el-success-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2917
|
+
@apply ax-text-success-500;
|
|
2918
|
+
}
|
|
2919
|
+
.ax-dark .ax-el-success-blank.ax-state-selected {
|
|
2920
|
+
@apply ax-bg-success-500 ax-text-success-fore;
|
|
2921
|
+
}
|
|
2922
|
+
.ax-dark .ax-el-success-blank .ax-ripple {
|
|
2923
|
+
@apply ax-bg-success-500/30 !important;
|
|
2924
|
+
}
|
|
2925
|
+
.ax-dark .ax-el-success-blank ax-loading-spinner .ax-loader {
|
|
2926
|
+
@apply ax-border-success-fore-tint ax-border-b-transparent;
|
|
2927
|
+
}
|
|
2928
|
+
.ax-dark .ax-el-success-blank > button:is(.ax-dark .ax-el-success-blank > button:focus-visible, .ax-dark .ax-el-success-blank > button.ax-state-focus) {
|
|
2929
|
+
@apply ax-outline-success-300 ax-outline-offset-0;
|
|
2930
|
+
}
|
|
2931
|
+
.ax-dark .ax-el-warning-solid {
|
|
2932
|
+
@apply ax-bg-warning-200 ax-text-warning-fore-tint ax-border-warning-200;
|
|
2933
|
+
}
|
|
2934
|
+
.ax-dark .ax-el-warning-solid.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2935
|
+
@apply ax-bg-warning-300 ax-text-warning-fore;
|
|
2936
|
+
}
|
|
2937
|
+
.ax-dark .ax-el-warning-solid.ax-state-selected {
|
|
2938
|
+
@apply ax-bg-warning-400;
|
|
2939
|
+
}
|
|
2940
|
+
.ax-dark .ax-el-warning-solid .ax-ripple {
|
|
2941
|
+
@apply ax-bg-warning-200/30 !important;
|
|
2942
|
+
}
|
|
2943
|
+
.ax-dark .ax-el-warning-solid ax-loading-spinner .ax-loader {
|
|
2944
|
+
@apply ax-border-warning-fore-tint ax-border-b-transparent;
|
|
2945
|
+
}
|
|
2946
|
+
.ax-dark .ax-el-warning-solid > button:is(.ax-dark .ax-el-warning-solid > button:focus-visible, .ax-dark .ax-el-warning-solid > button.ax-state-focus) {
|
|
2947
|
+
@apply ax-outline-warning-500;
|
|
2948
|
+
}
|
|
2949
|
+
.ax-dark .ax-el-warning-twotone {
|
|
2950
|
+
@apply ax-bg-warning-200 ax-text-warning-fore-tint ax-border-warning-200;
|
|
2951
|
+
}
|
|
2952
|
+
.ax-dark .ax-el-warning-twotone.ax-state-interactive:hover:not(.ax-state-disabled) {
|
|
2953
|
+
background-color: rgba(var(--ax-color-warning-300));
|
|
2954
|
+
@apply ax-bg-warning-300;
|
|
2955
|
+
}
|
|
2956
|
+
.ax-dark .ax-el-warning-twotone.ax-state-selected {
|
|
2957
|
+
@apply ax-bg-warning-400;
|
|
2958
|
+
}
|
|
2959
|
+
.ax-dark .ax-el-warning-twotone .ax-ripple {
|
|
2960
|
+
@apply ax-bg-warning-500/30 !important;
|
|
2961
|
+
}
|
|
2962
|
+
.ax-dark .ax-el-warning-twotone ax-loading-spinner .ax-loader {
|
|
2963
|
+
@apply ax-border-warning-fore-tint ax-border-b-transparent;
|
|
2964
|
+
}
|
|
2965
|
+
.ax-dark .ax-el-warning-twotone > button:is(.ax-dark .ax-el-warning-twotone > button:focus-visible, .ax-dark .ax-el-warning-twotone > button.ax-state-focus) {
|
|
2966
|
+
@apply ax-outline-warning-500;
|
|
2967
|
+
}
|
|
2968
|
+
.ax-dark .ax-el-warning-outline {
|
|
2969
|
+
@apply ax-border-warning-200 ax-text-warning-200;
|
|
2970
|
+
}
|
|
2971
|
+
.ax-dark .ax-el-warning-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2972
|
+
@apply ax-border-warning-300 ax-text-warning-300 ax-bg-transparent;
|
|
2973
|
+
}
|
|
2974
|
+
.ax-dark .ax-el-warning-outline.ax-state-selected {
|
|
2975
|
+
@apply ax-bg-warning-300 ax-text-warning-fore;
|
|
2976
|
+
}
|
|
2977
|
+
.ax-dark .ax-el-warning-outline .ax-ripple {
|
|
2978
|
+
@apply ax-bg-warning-500/30 !important;
|
|
2979
|
+
}
|
|
2980
|
+
.ax-dark .ax-el-warning-outline ax-loading-spinner .ax-loader {
|
|
2981
|
+
@apply ax-border-warning-fore-tint ax-border-b-transparent;
|
|
2982
|
+
}
|
|
2983
|
+
.ax-dark .ax-el-warning-outline > button:is(.ax-dark .ax-el-warning-outline > button:focus-visible, .ax-dark .ax-el-warning-outline > button.ax-state-focus) {
|
|
2984
|
+
@apply ax-text-warning-300 ax-outline-warning-300 -ax-outline-offset-4;
|
|
2985
|
+
}
|
|
2986
|
+
.ax-dark .ax-el-warning-blank {
|
|
2987
|
+
@apply ax-text-warning-300 ax-bg-transparent;
|
|
2988
|
+
}
|
|
2989
|
+
.ax-dark .ax-el-warning-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
2990
|
+
@apply ax-text-warning-500;
|
|
2991
|
+
}
|
|
2992
|
+
.ax-dark .ax-el-warning-blank.ax-state-selected {
|
|
2993
|
+
@apply ax-bg-warning-500 ax-text-warning-fore;
|
|
2994
|
+
}
|
|
2995
|
+
.ax-dark .ax-el-warning-blank .ax-ripple {
|
|
2996
|
+
@apply ax-bg-warning-500/30 !important;
|
|
2997
|
+
}
|
|
2998
|
+
.ax-dark .ax-el-warning-blank ax-loading-spinner .ax-loader {
|
|
2999
|
+
@apply ax-border-warning-fore-tint ax-border-b-transparent;
|
|
3000
|
+
}
|
|
3001
|
+
.ax-dark .ax-el-warning-blank > button:is(.ax-dark .ax-el-warning-blank > button:focus-visible, .ax-dark .ax-el-warning-blank > button.ax-state-focus) {
|
|
3002
|
+
@apply ax-outline-warning-300 ax-outline-offset-0;
|
|
3003
|
+
}
|
|
3004
|
+
.ax-dark .ax-el-danger-solid {
|
|
3005
|
+
@apply ax-bg-danger-200 ax-text-danger-fore-tint ax-border-danger-200;
|
|
3006
|
+
}
|
|
3007
|
+
.ax-dark .ax-el-danger-solid.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
3008
|
+
@apply ax-bg-danger-300 ax-text-danger-fore;
|
|
3009
|
+
}
|
|
3010
|
+
.ax-dark .ax-el-danger-solid.ax-state-selected {
|
|
3011
|
+
@apply ax-bg-danger-400;
|
|
3012
|
+
}
|
|
3013
|
+
.ax-dark .ax-el-danger-solid .ax-ripple {
|
|
3014
|
+
@apply ax-bg-danger-200/30 !important;
|
|
3015
|
+
}
|
|
3016
|
+
.ax-dark .ax-el-danger-solid ax-loading-spinner .ax-loader {
|
|
3017
|
+
@apply ax-border-danger-fore-tint ax-border-b-transparent;
|
|
3018
|
+
}
|
|
3019
|
+
.ax-dark .ax-el-danger-solid > button:is(.ax-dark .ax-el-danger-solid > button:focus-visible, .ax-dark .ax-el-danger-solid > button.ax-state-focus) {
|
|
3020
|
+
@apply ax-outline-danger-500;
|
|
3021
|
+
}
|
|
3022
|
+
.ax-dark .ax-el-danger-twotone {
|
|
3023
|
+
@apply ax-bg-danger-200 ax-text-danger-fore-tint ax-border-danger-200;
|
|
3024
|
+
}
|
|
3025
|
+
.ax-dark .ax-el-danger-twotone.ax-state-interactive:hover:not(.ax-state-disabled) {
|
|
3026
|
+
background-color: rgba(var(--ax-color-danger-300));
|
|
3027
|
+
@apply ax-bg-danger-300;
|
|
3028
|
+
}
|
|
3029
|
+
.ax-dark .ax-el-danger-twotone.ax-state-selected {
|
|
3030
|
+
@apply ax-bg-danger-400;
|
|
3031
|
+
}
|
|
3032
|
+
.ax-dark .ax-el-danger-twotone .ax-ripple {
|
|
3033
|
+
@apply ax-bg-danger-500/30 !important;
|
|
3034
|
+
}
|
|
3035
|
+
.ax-dark .ax-el-danger-twotone ax-loading-spinner .ax-loader {
|
|
3036
|
+
@apply ax-border-danger-fore-tint ax-border-b-transparent;
|
|
3037
|
+
}
|
|
3038
|
+
.ax-dark .ax-el-danger-twotone > button:is(.ax-dark .ax-el-danger-twotone > button:focus-visible, .ax-dark .ax-el-danger-twotone > button.ax-state-focus) {
|
|
3039
|
+
@apply ax-outline-danger-500;
|
|
3040
|
+
}
|
|
3041
|
+
.ax-dark .ax-el-danger-outline {
|
|
3042
|
+
@apply ax-border-danger-200 ax-text-danger-200;
|
|
3043
|
+
}
|
|
3044
|
+
.ax-dark .ax-el-danger-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
3045
|
+
@apply ax-border-danger-300 ax-text-danger-300 ax-bg-transparent;
|
|
3046
|
+
}
|
|
3047
|
+
.ax-dark .ax-el-danger-outline.ax-state-selected {
|
|
3048
|
+
@apply ax-bg-danger-300 ax-text-danger-fore;
|
|
3049
|
+
}
|
|
3050
|
+
.ax-dark .ax-el-danger-outline .ax-ripple {
|
|
3051
|
+
@apply ax-bg-danger-500/30 !important;
|
|
3052
|
+
}
|
|
3053
|
+
.ax-dark .ax-el-danger-outline ax-loading-spinner .ax-loader {
|
|
3054
|
+
@apply ax-border-danger-fore-tint ax-border-b-transparent;
|
|
3055
|
+
}
|
|
3056
|
+
.ax-dark .ax-el-danger-outline > button:is(.ax-dark .ax-el-danger-outline > button:focus-visible, .ax-dark .ax-el-danger-outline > button.ax-state-focus) {
|
|
3057
|
+
@apply ax-text-danger-300 ax-outline-danger-300 -ax-outline-offset-4;
|
|
3058
|
+
}
|
|
3059
|
+
.ax-dark .ax-el-danger-blank {
|
|
3060
|
+
@apply ax-text-danger-300 ax-bg-transparent;
|
|
3061
|
+
}
|
|
3062
|
+
.ax-dark .ax-el-danger-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
3063
|
+
@apply ax-text-danger-500;
|
|
3064
|
+
}
|
|
3065
|
+
.ax-dark .ax-el-danger-blank.ax-state-selected {
|
|
3066
|
+
@apply ax-bg-danger-500 ax-text-danger-fore;
|
|
3067
|
+
}
|
|
3068
|
+
.ax-dark .ax-el-danger-blank .ax-ripple {
|
|
3069
|
+
@apply ax-bg-danger-500/30 !important;
|
|
3070
|
+
}
|
|
3071
|
+
.ax-dark .ax-el-danger-blank ax-loading-spinner .ax-loader {
|
|
3072
|
+
@apply ax-border-danger-fore-tint ax-border-b-transparent;
|
|
3073
|
+
}
|
|
3074
|
+
.ax-dark .ax-el-danger-blank > button:is(.ax-dark .ax-el-danger-blank > button:focus-visible, .ax-dark .ax-el-danger-blank > button.ax-state-focus) {
|
|
3075
|
+
@apply ax-outline-danger-300 ax-outline-offset-0;
|
|
3076
|
+
}
|
|
3077
|
+
.ax-dark .ax-el-info-solid {
|
|
3078
|
+
@apply ax-bg-info-200 ax-text-info-fore-tint ax-border-info-200;
|
|
3079
|
+
}
|
|
3080
|
+
.ax-dark .ax-el-info-solid.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
3081
|
+
@apply ax-bg-info-300 ax-text-info-fore;
|
|
3082
|
+
}
|
|
3083
|
+
.ax-dark .ax-el-info-solid.ax-state-selected {
|
|
3084
|
+
@apply ax-bg-info-400;
|
|
3085
|
+
}
|
|
3086
|
+
.ax-dark .ax-el-info-solid .ax-ripple {
|
|
3087
|
+
@apply ax-bg-info-200/30 !important;
|
|
3088
|
+
}
|
|
3089
|
+
.ax-dark .ax-el-info-solid ax-loading-spinner .ax-loader {
|
|
3090
|
+
@apply ax-border-info-fore-tint ax-border-b-transparent;
|
|
3091
|
+
}
|
|
3092
|
+
.ax-dark .ax-el-info-solid > button:is(.ax-dark .ax-el-info-solid > button:focus-visible, .ax-dark .ax-el-info-solid > button.ax-state-focus) {
|
|
3093
|
+
@apply ax-outline-info-500;
|
|
3094
|
+
}
|
|
3095
|
+
.ax-dark .ax-el-info-twotone {
|
|
3096
|
+
@apply ax-bg-info-200 ax-text-info-fore-tint ax-border-info-200;
|
|
3097
|
+
}
|
|
3098
|
+
.ax-dark .ax-el-info-twotone.ax-state-interactive:hover:not(.ax-state-disabled) {
|
|
3099
|
+
background-color: rgba(var(--ax-color-info-300));
|
|
3100
|
+
@apply ax-bg-info-300;
|
|
3101
|
+
}
|
|
3102
|
+
.ax-dark .ax-el-info-twotone.ax-state-selected {
|
|
3103
|
+
@apply ax-bg-info-400;
|
|
3104
|
+
}
|
|
3105
|
+
.ax-dark .ax-el-info-twotone .ax-ripple {
|
|
3106
|
+
@apply ax-bg-info-500/30 !important;
|
|
3107
|
+
}
|
|
3108
|
+
.ax-dark .ax-el-info-twotone ax-loading-spinner .ax-loader {
|
|
3109
|
+
@apply ax-border-info-fore-tint ax-border-b-transparent;
|
|
3110
|
+
}
|
|
3111
|
+
.ax-dark .ax-el-info-twotone > button:is(.ax-dark .ax-el-info-twotone > button:focus-visible, .ax-dark .ax-el-info-twotone > button.ax-state-focus) {
|
|
3112
|
+
@apply ax-outline-info-500;
|
|
3113
|
+
}
|
|
3114
|
+
.ax-dark .ax-el-info-outline {
|
|
3115
|
+
@apply ax-border-info-200 ax-text-info-200;
|
|
3116
|
+
}
|
|
3117
|
+
.ax-dark .ax-el-info-outline.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
3118
|
+
@apply ax-border-info-300 ax-text-info-300 ax-bg-transparent;
|
|
3119
|
+
}
|
|
3120
|
+
.ax-dark .ax-el-info-outline.ax-state-selected {
|
|
3121
|
+
@apply ax-bg-info-300 ax-text-info-fore;
|
|
3122
|
+
}
|
|
3123
|
+
.ax-dark .ax-el-info-outline .ax-ripple {
|
|
3124
|
+
@apply ax-bg-info-500/30 !important;
|
|
3125
|
+
}
|
|
3126
|
+
.ax-dark .ax-el-info-outline ax-loading-spinner .ax-loader {
|
|
3127
|
+
@apply ax-border-info-fore-tint ax-border-b-transparent;
|
|
3128
|
+
}
|
|
3129
|
+
.ax-dark .ax-el-info-outline > button:is(.ax-dark .ax-el-info-outline > button:focus-visible, .ax-dark .ax-el-info-outline > button.ax-state-focus) {
|
|
3130
|
+
@apply ax-text-info-300 ax-outline-info-300 -ax-outline-offset-4;
|
|
3131
|
+
}
|
|
3132
|
+
.ax-dark .ax-el-info-blank {
|
|
3133
|
+
@apply ax-text-info-300 ax-bg-transparent;
|
|
3134
|
+
}
|
|
3135
|
+
.ax-dark .ax-el-info-blank.ax-el-interactive:hover:not(.ax-state-disabled) {
|
|
3136
|
+
@apply ax-text-info-500;
|
|
3137
|
+
}
|
|
3138
|
+
.ax-dark .ax-el-info-blank.ax-state-selected {
|
|
3139
|
+
@apply ax-bg-info-500 ax-text-info-fore;
|
|
3140
|
+
}
|
|
3141
|
+
.ax-dark .ax-el-info-blank .ax-ripple {
|
|
3142
|
+
@apply ax-bg-info-500/30 !important;
|
|
3143
|
+
}
|
|
3144
|
+
.ax-dark .ax-el-info-blank ax-loading-spinner .ax-loader {
|
|
3145
|
+
@apply ax-border-info-fore-tint ax-border-b-transparent;
|
|
3146
|
+
}
|
|
3147
|
+
.ax-dark .ax-el-info-blank > button:is(.ax-dark .ax-el-info-blank > button:focus-visible, .ax-dark .ax-el-info-blank > button.ax-state-focus) {
|
|
3148
|
+
@apply ax-outline-info-300 ax-outline-offset-0;
|
|
3149
|
+
}
|
|
3150
|
+
.ax-dark .ax-el-ghost-solid {
|
|
3151
|
+
@apply ax-bg-ghost ax-text-ghost-fore;
|
|
3152
|
+
}
|
|
3153
|
+
.ax-dark .ax-el-ghost-solid.ax-state-interactive:hover:not(.ax-dark .ax-el-ghost-solid.ax-state-interactive:hover.ax-state-selected, .ax-dark .ax-el-ghost-solid.ax-state-interactive:hover.ax-state-disabled) {
|
|
3154
|
+
@apply ax-border-primary-200 ax-text-primary-200;
|
|
3155
|
+
}
|
|
3156
|
+
.ax-dark .ax-el-ghost-solid:active {
|
|
3157
|
+
@apply ax-border-primary-300 ax-text-primary-300;
|
|
3158
|
+
}
|
|
3159
|
+
.ax-dark .ax-el-ghost-solid.ax-state-selected {
|
|
3160
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-fore;
|
|
3161
|
+
}
|
|
3162
|
+
.ax-dark .ax-el-ghost-solid > button:is(.ax-dark .ax-el-ghost-solid > button:focus-visible, .ax-dark .ax-el-ghost-solid > button.ax-state-focus) {
|
|
3163
|
+
@apply ax-outline-primary-500;
|
|
3164
|
+
}
|
|
3165
|
+
.ax-dark .ax-el-ghost-outline {
|
|
3166
|
+
@apply ax-border ax-border-default ax-bg-transparent ax-text-ghost-fore;
|
|
3167
|
+
}
|
|
3168
|
+
.ax-dark .ax-el-ghost-outline.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-selected, .ax-dark .ax-el-ghost-outline.ax-el-interactive:hover.ax-state-disabled) {
|
|
3169
|
+
@apply ax-border-primary-300 ax-text-primary-300;
|
|
3170
|
+
}
|
|
3171
|
+
.ax-dark .ax-el-ghost-outline.ax-el-interactive:active {
|
|
3172
|
+
@apply ax-border-primary-400 ax-text-primary-400;
|
|
3173
|
+
}
|
|
3174
|
+
.ax-dark .ax-el-ghost-outline.ax-state-selected {
|
|
3175
|
+
@apply ax-border-primary-500 ax-bg-primary-500 ax-text-primary-500;
|
|
3176
|
+
}
|
|
3177
|
+
.ax-dark .ax-el-ghost-outline > button:is(.ax-dark .ax-el-ghost-outline > button:focus-visible, .ax-dark .ax-el-ghost-outline > button.ax-state-focus) {
|
|
3178
|
+
@apply -ax-outline-offset-0 ax-outline-primary-500;
|
|
3179
|
+
}
|
|
3180
|
+
.ax-dark .ax-el-ghost-blank {
|
|
3181
|
+
@apply ax-border-none ax-bg-transparent ax-text-ghost-fore;
|
|
3182
|
+
}
|
|
3183
|
+
.ax-dark .ax-el-ghost-blank.ax-state-selected {
|
|
3184
|
+
@apply ax-bg-primary-500 ax-text-primary-fore;
|
|
3185
|
+
}
|
|
3186
|
+
.ax-dark .ax-el-ghost-blank.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-selected, .ax-dark .ax-el-ghost-blank.ax-el-interactive:hover.ax-state-disabled) {
|
|
3187
|
+
@apply ax-border-primary-200 ax-text-primary-200;
|
|
3188
|
+
}
|
|
3189
|
+
.ax-dark .ax-el-ghost-blank.ax-el-interactive:active {
|
|
3190
|
+
@apply ax-border-primary-300 ax-text-primary-300;
|
|
3191
|
+
}
|
|
3192
|
+
.ax-dark .ax-el-ghost-blank > button:is(.ax-dark .ax-el-ghost-blank > button:focus-visible, .ax-dark .ax-el-ghost-blank > button.ax-state-focus) {
|
|
3193
|
+
@apply ax-outline-ghost-fore ax-ring-offset-0;
|
|
3194
|
+
}
|
|
3195
|
+
.ax-dark .ax-el-ghost-twotone {
|
|
3196
|
+
@apply ax-bg-ghost ax-text-ghost-fore;
|
|
3197
|
+
}
|
|
3198
|
+
.ax-dark .ax-el-ghost-twotone.ax-el-interactive:hover:not(.ax-dark .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-selected, .ax-dark .ax-el-ghost-twotone.ax-el-interactive:hover.ax-state-disabled) {
|
|
3199
|
+
@apply ax-bg-primary-200 ax-text-info-fore-tint;
|
|
3200
|
+
}
|
|
3201
|
+
.ax-dark .ax-el-ghost-twotone.ax-el-interactive:active {
|
|
3202
|
+
@apply ax-bg-primary-300 ax-text-info-fore-tint;
|
|
3203
|
+
}
|
|
3204
|
+
.ax-dark .ax-el-ghost-twotone.ax-state-selected {
|
|
3205
|
+
@apply ax-border-primary-400 ax-bg-primary-400 ax-text-info-fore-tint;
|
|
3206
|
+
}
|
|
3207
|
+
.ax-dark .ax-el-ghost-twotone > button:is(.ax-dark .ax-el-ghost-twotone > button:focus-visible, .ax-dark .ax-el-ghost-twotone > button.ax-state-focus) {
|
|
3208
|
+
@apply ax-outline-primary-500;
|
|
3209
|
+
}
|
|
3210
|
+
|
|
360
3211
|
.ax-decoration-container,
|
|
361
3212
|
ax-header,
|
|
362
3213
|
ax-footer {
|
|
@@ -443,6 +3294,9 @@ ax-form-hint {
|
|
|
443
3294
|
.ax-dark .ax-editor-container.ax-look-fill.ax-state-error {
|
|
444
3295
|
@apply ax-bg-danger-500/25;
|
|
445
3296
|
}
|
|
3297
|
+
.ax-dark .ax-editor-container.ax-look-fill.ax-state-success {
|
|
3298
|
+
background-color: rgba(var(--ax-color-success-500), 0.25);
|
|
3299
|
+
}
|
|
446
3300
|
|
|
447
3301
|
.ax-editor-container {
|
|
448
3302
|
@apply ax-flex ax-h-default ax-w-full ax-items-center ax-overflow-hidden ax-text-sm ax-leading-none ax-text-input-surface-fore;
|