@itwin/itwinui-css 0.43.0 → 0.45.0
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/css/alert.css +46 -61
- package/css/all.css +1065 -907
- package/css/breadcrumbs.css +7 -20
- package/css/button.css +48 -91
- package/css/carousel.css +97 -0
- package/css/code.css +6 -9
- package/css/color-picker.css +14 -14
- package/css/date-picker.css +91 -85
- package/css/expandable-block.css +13 -9
- package/css/file-upload.css +4 -3
- package/css/footer.css +7 -20
- package/css/global.css +7 -9
- package/css/header.css +4 -24
- package/css/inputs.css +121 -89
- package/css/popover.css +12 -0
- package/css/side-navigation.css +1 -16
- package/css/slider.css +7 -10
- package/css/table.css +160 -29
- package/css/tabs.css +8 -3
- package/css/tag.css +17 -18
- package/css/tile.css +340 -314
- package/css/time-picker.css +26 -18
- package/css/toast-notification.css +12 -49
- package/css/toggle-switch.css +7 -4
- package/css/tree.css +12 -8
- package/css/wizard.css +4 -4
- package/package.json +10 -9
- package/scss/alert/alert.scss +4 -2
- package/scss/button/borderless.scss +10 -26
- package/scss/button/button-group.scss +2 -2
- package/scss/button/cta.scss +10 -25
- package/scss/button/default.scss +22 -32
- package/scss/button/high-visibility.scss +10 -25
- package/scss/carousel/carousel.scss +119 -0
- package/scss/carousel/classes.scss +15 -0
- package/scss/carousel/index.scss +3 -0
- package/scss/classes.scss +2 -0
- package/scss/color-picker/color-picker.scss +2 -25
- package/scss/date-picker/classes.scss +20 -0
- package/scss/date-picker/date-picker.scss +88 -100
- package/scss/expandable-block/block.scss +1 -0
- package/scss/file-upload/file-upload.scss +2 -2
- package/scss/footer/footer.scss +0 -2
- package/scss/header/header.scss +1 -15
- package/scss/index.scss +2 -0
- package/scss/inputs/checkbox-radio.scss +28 -18
- package/scss/inputs/checkbox.scss +9 -8
- package/scss/inputs/input.scss +1 -14
- package/scss/inputs/labeled-inputs.scss +2 -1
- package/scss/inputs/radio-tile.scss +9 -4
- package/scss/inputs/select.scss +2 -1
- package/scss/popover/classes.scss +7 -0
- package/scss/popover/index.scss +3 -0
- package/scss/popover/popover.scss +22 -0
- package/scss/side-navigation/side-navigation.scss +1 -33
- package/scss/slider/slider.scss +1 -2
- package/scss/style/mixins.scss +14 -16
- package/scss/table/classes.scss +12 -0
- package/scss/table/paginator.scss +39 -31
- package/scss/table/table.scss +1 -1
- package/scss/tabs/default.scss +5 -0
- package/scss/tabs/tabs.scss +1 -8
- package/scss/tag/tag.scss +9 -1
- package/scss/tile/classes.scss +28 -0
- package/scss/tile/tile.scss +230 -235
- package/scss/time-picker/time-picker.scss +1 -0
- package/scss/toast-notification/categories.scss +5 -2
- package/scss/toast-notification/toast.scss +0 -1
- package/scss/toggle-switch/toggle-switch.scss +7 -3
- package/scss/tree/tree.scss +2 -14
- package/scss/wizard/wizard.scss +3 -3
package/css/all.css
CHANGED
|
@@ -31,20 +31,18 @@
|
|
|
31
31
|
font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif; }
|
|
32
32
|
|
|
33
33
|
.iui-anchor{
|
|
34
|
+
border-radius:3px;
|
|
34
35
|
text-decoration:none;
|
|
35
36
|
cursor:pointer;
|
|
36
37
|
color:#008BE1;
|
|
37
38
|
color:var(--iui-color-foreground-primary); }
|
|
38
|
-
.iui-anchor:focus{
|
|
39
|
-
outline:0;
|
|
40
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
41
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
42
|
-
.iui-anchor:focus:not(:focus-visible){
|
|
43
|
-
box-shadow:none; }
|
|
44
39
|
.iui-anchor:focus-visible{
|
|
45
|
-
outline:
|
|
46
|
-
|
|
47
|
-
|
|
40
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
41
|
+
outline-offset:2px; }
|
|
42
|
+
@supports not selector(*:focus-visible){
|
|
43
|
+
.iui-anchor:focus{
|
|
44
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
45
|
+
outline-offset:2px; } }
|
|
48
46
|
.iui-anchor:hover{
|
|
49
47
|
color:#006bae;
|
|
50
48
|
color:var(--iui-color-foreground-primary-overlay);
|
|
@@ -343,16 +341,13 @@ html.iui-theme-dark{
|
|
|
343
341
|
white-space:nowrap;
|
|
344
342
|
color:#008BE1;
|
|
345
343
|
color:var(--iui-color-foreground-primary); }
|
|
346
|
-
.iui-alert-link:focus{
|
|
347
|
-
outline:0;
|
|
348
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
349
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
350
|
-
.iui-alert-link:focus:not(:focus-visible){
|
|
351
|
-
box-shadow:none; }
|
|
352
344
|
.iui-alert-link:focus-visible{
|
|
353
|
-
outline:
|
|
354
|
-
|
|
355
|
-
|
|
345
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
346
|
+
outline-offset:-1px; }
|
|
347
|
+
@supports not selector(*:focus-visible){
|
|
348
|
+
.iui-alert-link:focus{
|
|
349
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
350
|
+
outline-offset:-1px; } }
|
|
356
351
|
.iui-alert-link:hover{
|
|
357
352
|
text-decoration:none;
|
|
358
353
|
color:#006bae;
|
|
@@ -381,24 +376,21 @@ html.iui-theme-dark{
|
|
|
381
376
|
background-color:rgba(83, 162, 26, 0.4);
|
|
382
377
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-4)); }
|
|
383
378
|
.iui-alert.iui-positive .iui-alert-link{
|
|
379
|
+
border-radius:3px;
|
|
384
380
|
color:#53A21A;
|
|
385
381
|
color:var(--iui-color-foreground-positive); }
|
|
386
382
|
.iui-alert.iui-positive .iui-alert-link:hover{
|
|
387
383
|
color:#3c7613;
|
|
388
384
|
color:var(--iui-color-foreground-positive-overlay); }
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
.iui-alert.iui-positive > .iui-button:focus-visible{
|
|
399
|
-
outline:0;
|
|
400
|
-
box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
|
|
401
|
-
box-shadow:var(--iui-focus-positive-box-shadow); }
|
|
385
|
+
.iui-alert.iui-positive .iui-alert-link:focus-visible{
|
|
386
|
+
outline:1px solid var(--iui-color-foreground-positive);
|
|
387
|
+
outline-offset:2px; }
|
|
388
|
+
@supports not selector(*:focus-visible){
|
|
389
|
+
.iui-alert.iui-positive .iui-alert-link:focus{
|
|
390
|
+
outline:1px solid var(--iui-color-foreground-positive);
|
|
391
|
+
outline-offset:2px; } }
|
|
392
|
+
.iui-alert.iui-positive > .iui-button{
|
|
393
|
+
outline-color:var(--iui-color-foreground-positive); }
|
|
402
394
|
.iui-alert.iui-negative{
|
|
403
395
|
background:linear-gradient(rgba(211, 10, 10, 0.1), rgba(211, 10, 10, 0.1)), linear-gradient(#FFF, #FFF);
|
|
404
396
|
border-color:#D30A0A;
|
|
@@ -414,24 +406,21 @@ html.iui-theme-dark{
|
|
|
414
406
|
background-color:rgba(211, 10, 10, 0.4);
|
|
415
407
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
|
|
416
408
|
.iui-alert.iui-negative .iui-alert-link{
|
|
409
|
+
border-radius:3px;
|
|
417
410
|
color:#D30A0A;
|
|
418
411
|
color:var(--iui-color-foreground-negative); }
|
|
419
412
|
.iui-alert.iui-negative .iui-alert-link:hover{
|
|
420
413
|
color:#a20808;
|
|
421
414
|
color:var(--iui-color-foreground-negative-overlay); }
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
.iui-alert.iui-negative > .iui-button:focus-visible{
|
|
432
|
-
outline:0;
|
|
433
|
-
box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px;
|
|
434
|
-
box-shadow:var(--iui-focus-negative-box-shadow); }
|
|
415
|
+
.iui-alert.iui-negative .iui-alert-link:focus-visible{
|
|
416
|
+
outline:1px solid var(--iui-color-foreground-negative);
|
|
417
|
+
outline-offset:2px; }
|
|
418
|
+
@supports not selector(*:focus-visible){
|
|
419
|
+
.iui-alert.iui-negative .iui-alert-link:focus{
|
|
420
|
+
outline:1px solid var(--iui-color-foreground-negative);
|
|
421
|
+
outline-offset:2px; } }
|
|
422
|
+
.iui-alert.iui-negative > .iui-button{
|
|
423
|
+
outline-color:var(--iui-color-foreground-negative); }
|
|
435
424
|
.iui-alert.iui-warning{
|
|
436
425
|
background:linear-gradient(rgba(241, 139, 18, 0.1), rgba(241, 139, 18, 0.1)), linear-gradient(#FFF, #FFF);
|
|
437
426
|
border-color:#F18B12;
|
|
@@ -447,24 +436,21 @@ html.iui-theme-dark{
|
|
|
447
436
|
background-color:rgba(241, 139, 18, 0.4);
|
|
448
437
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
|
|
449
438
|
.iui-alert.iui-warning .iui-alert-link{
|
|
439
|
+
border-radius:3px;
|
|
450
440
|
color:#F18B12;
|
|
451
441
|
color:var(--iui-color-foreground-warning); }
|
|
452
442
|
.iui-alert.iui-warning .iui-alert-link:hover{
|
|
453
443
|
color:#c4700c;
|
|
454
444
|
color:var(--iui-color-foreground-warning-overlay); }
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
463
|
-
|
|
464
|
-
.iui-alert.iui-warning > .iui-button:focus-visible{
|
|
465
|
-
outline:0;
|
|
466
|
-
box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px;
|
|
467
|
-
box-shadow:var(--iui-focus-warning-box-shadow); }
|
|
445
|
+
.iui-alert.iui-warning .iui-alert-link:focus-visible{
|
|
446
|
+
outline:1px solid var(--iui-color-foreground-warning);
|
|
447
|
+
outline-offset:2px; }
|
|
448
|
+
@supports not selector(*:focus-visible){
|
|
449
|
+
.iui-alert.iui-warning .iui-alert-link:focus{
|
|
450
|
+
outline:1px solid var(--iui-color-foreground-warning);
|
|
451
|
+
outline-offset:2px; } }
|
|
452
|
+
.iui-alert.iui-warning > .iui-button{
|
|
453
|
+
outline-color:var(--iui-color-foreground-warning); }
|
|
468
454
|
.iui-alert.iui-informational{
|
|
469
455
|
background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
|
|
470
456
|
border-color:#008BE1;
|
|
@@ -480,24 +466,21 @@ html.iui-theme-dark{
|
|
|
480
466
|
background-color:rgba(0, 139, 225, 0.4);
|
|
481
467
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)); }
|
|
482
468
|
.iui-alert.iui-informational .iui-alert-link{
|
|
469
|
+
border-radius:3px;
|
|
483
470
|
color:#008BE1;
|
|
484
471
|
color:var(--iui-color-foreground-primary); }
|
|
485
472
|
.iui-alert.iui-informational .iui-alert-link:hover{
|
|
486
473
|
color:#006bae;
|
|
487
474
|
color:var(--iui-color-foreground-primary-overlay); }
|
|
488
|
-
|
|
489
|
-
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
.iui-alert.iui-informational > .iui-button:focus-visible{
|
|
498
|
-
outline:0;
|
|
499
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
500
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
475
|
+
.iui-alert.iui-informational .iui-alert-link:focus-visible{
|
|
476
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
477
|
+
outline-offset:2px; }
|
|
478
|
+
@supports not selector(*:focus-visible){
|
|
479
|
+
.iui-alert.iui-informational .iui-alert-link:focus{
|
|
480
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
481
|
+
outline-offset:2px; } }
|
|
482
|
+
.iui-alert.iui-informational > .iui-button{
|
|
483
|
+
outline-color:var(--iui-color-foreground-primary); }
|
|
501
484
|
|
|
502
485
|
.iui-badge{
|
|
503
486
|
margin:0;
|
|
@@ -573,20 +556,18 @@ html.iui-theme-dark{
|
|
|
573
556
|
max-width:192px;
|
|
574
557
|
margin:0 12px; }
|
|
575
558
|
.iui-breadcrumbs-item a{
|
|
559
|
+
border-radius:3px;
|
|
576
560
|
text-decoration:none;
|
|
577
561
|
cursor:pointer;
|
|
578
562
|
color:#008BE1;
|
|
579
563
|
color:var(--iui-color-foreground-primary); }
|
|
580
|
-
.iui-breadcrumbs-item a:focus{
|
|
581
|
-
outline:0;
|
|
582
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
583
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
584
|
-
.iui-breadcrumbs-item a:focus:not(:focus-visible){
|
|
585
|
-
box-shadow:none; }
|
|
586
564
|
.iui-breadcrumbs-item a:focus-visible{
|
|
587
|
-
outline:
|
|
588
|
-
|
|
589
|
-
|
|
565
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
566
|
+
outline-offset:2px; }
|
|
567
|
+
@supports not selector(*:focus-visible){
|
|
568
|
+
.iui-breadcrumbs-item a:focus{
|
|
569
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
570
|
+
outline-offset:2px; } }
|
|
590
571
|
.iui-breadcrumbs-item a:hover{
|
|
591
572
|
color:#006bae;
|
|
592
573
|
color:var(--iui-color-foreground-primary-overlay);
|
|
@@ -601,17 +582,6 @@ html.iui-theme-dark{
|
|
|
601
582
|
.iui-breadcrumbs-item .iui-button > .iui-button-icon:only-child{
|
|
602
583
|
margin-left:3px;
|
|
603
584
|
margin-right:3px; }
|
|
604
|
-
.iui-breadcrumbs-item .iui-button:focus{
|
|
605
|
-
background-color:rgba(0, 0, 0, 0.1);
|
|
606
|
-
border-color:transparent;
|
|
607
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
608
|
-
border-color:transparent; }
|
|
609
|
-
.iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)){
|
|
610
|
-
border-color:transparent;
|
|
611
|
-
background-color:transparent; }
|
|
612
|
-
.iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
|
|
613
|
-
margin-left:3px;
|
|
614
|
-
margin-right:3px; }
|
|
615
585
|
.iui-breadcrumbs-item .iui-button:hover{
|
|
616
586
|
background-color:rgba(0, 0, 0, 0.1);
|
|
617
587
|
border-color:transparent;
|
|
@@ -713,16 +683,13 @@ html.iui-theme-dark{
|
|
|
713
683
|
text-decoration:none;
|
|
714
684
|
color:black;
|
|
715
685
|
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
716
|
-
.iui-button:focus{
|
|
717
|
-
outline:0;
|
|
718
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
719
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
720
|
-
.iui-button:focus:not(:focus-visible){
|
|
721
|
-
box-shadow:none; }
|
|
722
686
|
.iui-button:focus-visible{
|
|
723
|
-
outline:
|
|
724
|
-
|
|
725
|
-
|
|
687
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
688
|
+
outline-offset:-1px; }
|
|
689
|
+
@supports not selector(*:focus-visible){
|
|
690
|
+
.iui-button:focus{
|
|
691
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
692
|
+
outline-offset:-1px; } }
|
|
726
693
|
.iui-button[disabled], .iui-button:disabled{
|
|
727
694
|
cursor:not-allowed;
|
|
728
695
|
background:#EEF0F3;
|
|
@@ -738,26 +705,13 @@ html.iui-theme-dark{
|
|
|
738
705
|
background-color:var(--iui-color-background-1);
|
|
739
706
|
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
740
707
|
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
741
|
-
.iui-button.iui-default:focus{
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
.iui-button.iui-default:focus .iui-notification-primary::before,
|
|
749
|
-
.iui-button.iui-default:focus .iui-notification-positive::before,
|
|
750
|
-
.iui-button.iui-default:focus .iui-notification-warning::before,
|
|
751
|
-
.iui-button.iui-default:focus .iui-notification-negative::before{
|
|
752
|
-
border-color:#f2f2f2;
|
|
753
|
-
border-color:var(--iui-color-background-1-overlay); }
|
|
754
|
-
.iui-button.iui-default:focus:where(:not(:focus-visible)){
|
|
755
|
-
background-color:#FFF;
|
|
756
|
-
border-color:rgba(0, 0, 0, 0.4);
|
|
757
|
-
color:rgba(0, 0, 0, 0.8);
|
|
758
|
-
background-color:var(--iui-color-background-1);
|
|
759
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
760
|
-
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
708
|
+
.iui-button.iui-default:focus-visible{
|
|
709
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
710
|
+
outline-offset:-2px; }
|
|
711
|
+
@supports not selector(*:focus-visible){
|
|
712
|
+
.iui-button.iui-default:focus{
|
|
713
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
714
|
+
outline-offset:-2px; } }
|
|
761
715
|
.iui-button.iui-default:hover, .iui-button.iui-default:active{
|
|
762
716
|
background-color:#f2f2f2;
|
|
763
717
|
border-color:black;
|
|
@@ -780,11 +734,16 @@ html.iui-theme-dark{
|
|
|
780
734
|
padding-right:4px; }
|
|
781
735
|
.iui-button.iui-default.iui-dropdown.iui-large{
|
|
782
736
|
padding-right:12px; }
|
|
783
|
-
.iui-button.iui-default.iui-active{
|
|
784
|
-
|
|
737
|
+
.iui-button.iui-default.iui-active:enabled{
|
|
738
|
+
position:relative;
|
|
785
739
|
color:#008BE1;
|
|
786
|
-
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
|
|
787
740
|
color:var(--iui-color-foreground-primary); }
|
|
741
|
+
.iui-button.iui-default.iui-active:enabled::before{
|
|
742
|
+
content:'';
|
|
743
|
+
position:absolute;
|
|
744
|
+
inset:0;
|
|
745
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
746
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
788
747
|
.iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
|
|
789
748
|
cursor:not-allowed;
|
|
790
749
|
background:#EEF0F3;
|
|
@@ -800,20 +759,13 @@ html.iui-theme-dark{
|
|
|
800
759
|
background-color:var(--iui-color-background-primary);
|
|
801
760
|
border-color:var(--iui-color-background-primary);
|
|
802
761
|
color:var(--iui-color-foreground-accessory); }
|
|
803
|
-
.iui-button.iui-high-visibility:focus{
|
|
804
|
-
|
|
805
|
-
|
|
806
|
-
|
|
807
|
-
|
|
808
|
-
|
|
809
|
-
|
|
810
|
-
.iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){
|
|
811
|
-
background-color:#008BE1;
|
|
812
|
-
border-color:#008BE1;
|
|
813
|
-
color:#FFF;
|
|
814
|
-
background-color:var(--iui-color-background-primary);
|
|
815
|
-
border-color:var(--iui-color-background-primary);
|
|
816
|
-
color:var(--iui-color-foreground-accessory); }
|
|
762
|
+
.iui-button.iui-high-visibility:focus-visible{
|
|
763
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
764
|
+
outline-offset:-3px; }
|
|
765
|
+
@supports not selector(*:focus-visible){
|
|
766
|
+
.iui-button.iui-high-visibility:focus{
|
|
767
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
768
|
+
outline-offset:-3px; } }
|
|
817
769
|
.iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{
|
|
818
770
|
background-color:#006bae;
|
|
819
771
|
border-color:#006bae;
|
|
@@ -836,20 +788,13 @@ html.iui-theme-dark{
|
|
|
836
788
|
background-color:var(--iui-color-background-positive);
|
|
837
789
|
border-color:var(--iui-color-background-positive);
|
|
838
790
|
color:var(--iui-color-foreground-accessory); }
|
|
839
|
-
.iui-button.iui-cta:focus{
|
|
840
|
-
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
.iui-button.iui-cta:focus:where(:not(:focus-visible)){
|
|
847
|
-
background-color:#53A21A;
|
|
848
|
-
border-color:#53A21A;
|
|
849
|
-
color:#FFF;
|
|
850
|
-
background-color:var(--iui-color-background-positive);
|
|
851
|
-
border-color:var(--iui-color-background-positive);
|
|
852
|
-
color:var(--iui-color-foreground-accessory); }
|
|
791
|
+
.iui-button.iui-cta:focus-visible{
|
|
792
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
793
|
+
outline-offset:-3px; }
|
|
794
|
+
@supports not selector(*:focus-visible){
|
|
795
|
+
.iui-button.iui-cta:focus{
|
|
796
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
797
|
+
outline-offset:-3px; } }
|
|
853
798
|
.iui-button.iui-cta:hover, .iui-button.iui-cta:active{
|
|
854
799
|
background-color:#3c7613;
|
|
855
800
|
border-color:#3c7613;
|
|
@@ -877,20 +822,13 @@ html.iui-theme-dark{
|
|
|
877
822
|
position:fixed;
|
|
878
823
|
bottom:11px;
|
|
879
824
|
right:16px; }
|
|
880
|
-
.iui-button.iui-idea:focus{
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
.iui-button.iui-idea:focus:where(:not(:focus-visible)){
|
|
888
|
-
background-color:#008BE1;
|
|
889
|
-
border-color:#008BE1;
|
|
890
|
-
color:#FFF;
|
|
891
|
-
background-color:var(--iui-color-background-primary);
|
|
892
|
-
border-color:var(--iui-color-background-primary);
|
|
893
|
-
color:var(--iui-color-foreground-accessory); }
|
|
825
|
+
.iui-button.iui-idea:focus-visible{
|
|
826
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
827
|
+
outline-offset:-3px; }
|
|
828
|
+
@supports not selector(*:focus-visible){
|
|
829
|
+
.iui-button.iui-idea:focus{
|
|
830
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
831
|
+
outline-offset:-3px; } }
|
|
894
832
|
.iui-button.iui-idea:hover, .iui-button.iui-idea:active{
|
|
895
833
|
background-color:#006bae;
|
|
896
834
|
border-color:#006bae;
|
|
@@ -915,17 +853,6 @@ html.iui-theme-dark{
|
|
|
915
853
|
.iui-button.iui-borderless > .iui-button-icon:only-child{
|
|
916
854
|
margin-left:3px;
|
|
917
855
|
margin-right:3px; }
|
|
918
|
-
.iui-button.iui-borderless:focus{
|
|
919
|
-
background-color:rgba(0, 0, 0, 0.1);
|
|
920
|
-
border-color:transparent;
|
|
921
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
922
|
-
border-color:transparent; }
|
|
923
|
-
.iui-button.iui-borderless:focus:where(:not(:focus-visible)){
|
|
924
|
-
border-color:transparent;
|
|
925
|
-
background-color:transparent; }
|
|
926
|
-
.iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
|
|
927
|
-
margin-left:3px;
|
|
928
|
-
margin-right:3px; }
|
|
929
856
|
.iui-button.iui-borderless:hover{
|
|
930
857
|
background-color:rgba(0, 0, 0, 0.1);
|
|
931
858
|
border-color:transparent;
|
|
@@ -1011,8 +938,8 @@ html.iui-theme-dark{
|
|
|
1011
938
|
.iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){
|
|
1012
939
|
border-top-right-radius:3px;
|
|
1013
940
|
border-bottom-right-radius:3px; }
|
|
1014
|
-
.iui-button-group >
|
|
1015
|
-
margin-
|
|
941
|
+
.iui-button-group > * + *{
|
|
942
|
+
margin-left:-1px; }
|
|
1016
943
|
.iui-button-group > *:not(:first-child) .iui-default:disabled{
|
|
1017
944
|
border-left-color:#DCE0E3;
|
|
1018
945
|
border-left-color:var(--iui-color-background-4); }
|
|
@@ -1060,8 +987,8 @@ html.iui-theme-dark{
|
|
|
1060
987
|
.iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
|
|
1061
988
|
border-top-right-radius:3px;
|
|
1062
989
|
border-bottom-right-radius:3px; }
|
|
1063
|
-
.iui-button-split-menu >
|
|
1064
|
-
margin-
|
|
990
|
+
.iui-button-split-menu > * + *{
|
|
991
|
+
margin-left:-1px; }
|
|
1065
992
|
.iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
|
|
1066
993
|
border-left-color:#DCE0E3;
|
|
1067
994
|
border-left-color:var(--iui-color-background-4); }
|
|
@@ -1101,8 +1028,8 @@ html.iui-theme-dark{
|
|
|
1101
1028
|
.iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
|
|
1102
1029
|
border-top-right-radius:3px;
|
|
1103
1030
|
border-bottom-right-radius:3px; }
|
|
1104
|
-
.iui-button-split-menu >
|
|
1105
|
-
margin-
|
|
1031
|
+
.iui-button-split-menu > * + *{
|
|
1032
|
+
margin-left:-1px; }
|
|
1106
1033
|
.iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
|
|
1107
1034
|
border-left-color:#DCE0E3;
|
|
1108
1035
|
border-left-color:var(--iui-color-background-4); }
|
|
@@ -1143,6 +1070,100 @@ html.iui-theme-dark{
|
|
|
1143
1070
|
transition:fill 0.2s ease-out;
|
|
1144
1071
|
fill:currentColor; }
|
|
1145
1072
|
|
|
1073
|
+
.iui-carousel{
|
|
1074
|
+
overflow:hidden;
|
|
1075
|
+
border-radius:3px; }
|
|
1076
|
+
.iui-carousel:focus-visible{
|
|
1077
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1078
|
+
outline-offset:4px; }
|
|
1079
|
+
@supports not selector(*:focus-visible){
|
|
1080
|
+
.iui-carousel:focus{
|
|
1081
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1082
|
+
outline-offset:4px; } }
|
|
1083
|
+
|
|
1084
|
+
.iui-carousel-slider{
|
|
1085
|
+
display:flex;
|
|
1086
|
+
list-style:none;
|
|
1087
|
+
margin:0;
|
|
1088
|
+
padding:0; }
|
|
1089
|
+
@media (prefers-reduced-motion: no-preference){
|
|
1090
|
+
.iui-carousel-slider{
|
|
1091
|
+
transition:transform 0.8s ease-in-out; } }
|
|
1092
|
+
.iui-carousel-slider-item{
|
|
1093
|
+
width:100%;
|
|
1094
|
+
flex-shrink:0;
|
|
1095
|
+
box-sizing:border-box; }
|
|
1096
|
+
|
|
1097
|
+
.iui-carousel-navigation{
|
|
1098
|
+
display:flex;
|
|
1099
|
+
align-items:center;
|
|
1100
|
+
height:33px;
|
|
1101
|
+
box-sizing:border-box;
|
|
1102
|
+
border-top:2px solid #DCE0E3;
|
|
1103
|
+
border-top:2px solid var(--iui-color-background-4); }
|
|
1104
|
+
.iui-carousel-navigation-dots, .iui-carousel-navigation-left, .iui-carousel-navigation-right{
|
|
1105
|
+
display:flex;
|
|
1106
|
+
align-items:center;
|
|
1107
|
+
flex:1; }
|
|
1108
|
+
.iui-carousel-navigation-dots button[data-pressed='true'], .iui-carousel-navigation-left button[data-pressed='true'], .iui-carousel-navigation-right button[data-pressed='true']{
|
|
1109
|
+
outline-offset:-1px;
|
|
1110
|
+
outline:1px solid #008BE1;
|
|
1111
|
+
outline:1px solid var(--iui-color-foreground-primary); }
|
|
1112
|
+
.iui-carousel-navigation-dots{
|
|
1113
|
+
margin:0;
|
|
1114
|
+
padding:0;
|
|
1115
|
+
border:none;
|
|
1116
|
+
vertical-align:baseline;
|
|
1117
|
+
border-radius:3px;
|
|
1118
|
+
white-space:nowrap;
|
|
1119
|
+
overflow:hidden;
|
|
1120
|
+
justify-content:center;
|
|
1121
|
+
list-style:none; }
|
|
1122
|
+
.iui-carousel-navigation-dots:focus-visible{
|
|
1123
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1124
|
+
outline-offset:-1px; }
|
|
1125
|
+
@supports not selector(*:focus-visible){
|
|
1126
|
+
.iui-carousel-navigation-dots:focus{
|
|
1127
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1128
|
+
outline-offset:-1px; } }
|
|
1129
|
+
.iui-carousel-navigation-dot{
|
|
1130
|
+
padding:0 8px;
|
|
1131
|
+
height:27px;
|
|
1132
|
+
gap:4px;
|
|
1133
|
+
background-color:transparent;
|
|
1134
|
+
border:none;
|
|
1135
|
+
cursor:pointer; }
|
|
1136
|
+
.iui-carousel-navigation-dot:hover::after{
|
|
1137
|
+
background-color:rgba(0, 0, 0, 0.6);
|
|
1138
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
|
|
1139
|
+
.iui-carousel-navigation-dot.iui-invisible{
|
|
1140
|
+
display:none; }
|
|
1141
|
+
.iui-carousel-navigation-dot::after{
|
|
1142
|
+
content:'';
|
|
1143
|
+
display:block;
|
|
1144
|
+
width:12px;
|
|
1145
|
+
height:12px;
|
|
1146
|
+
border-radius:50%;
|
|
1147
|
+
transition:background-color 0.2s ease;
|
|
1148
|
+
background-color:rgba(0, 0, 0, 0.4);
|
|
1149
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
1150
|
+
@media (prefers-reduced-motion: no-preference){
|
|
1151
|
+
.iui-carousel-navigation-dot::after{
|
|
1152
|
+
transition:background-color 0.2s 0.2s ease, transform 0.4s ease; } }
|
|
1153
|
+
.iui-carousel-navigation-dot.iui-first::after{
|
|
1154
|
+
transform:scale(0.5); }
|
|
1155
|
+
.iui-carousel-navigation-dot.iui-second::after{
|
|
1156
|
+
transform:scale(0.75); }
|
|
1157
|
+
.iui-carousel-navigation-dot.iui-invisible::after{
|
|
1158
|
+
transform:scale(0);
|
|
1159
|
+
background-color:rgba(0, 0, 0, 0);
|
|
1160
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), 0); }
|
|
1161
|
+
.iui-carousel-navigation-dot.iui-active::after{
|
|
1162
|
+
background-color:#008BE1;
|
|
1163
|
+
background-color:var(--iui-color-foreground-primary); }
|
|
1164
|
+
.iui-carousel-navigation-right{
|
|
1165
|
+
justify-content:flex-end; }
|
|
1166
|
+
|
|
1146
1167
|
.iui-code{
|
|
1147
1168
|
margin:0;
|
|
1148
1169
|
padding:0;
|
|
@@ -1190,16 +1211,13 @@ html.iui-theme-dark{
|
|
|
1190
1211
|
white-space:normal;
|
|
1191
1212
|
border:1px solid #EEF0F3;
|
|
1192
1213
|
border:1px solid var(--iui-color-background-3); }
|
|
1193
|
-
.iui-codeblock > .iui-codeblock-content:focus{
|
|
1194
|
-
outline:0;
|
|
1195
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
1196
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
1197
|
-
.iui-codeblock > .iui-codeblock-content:focus:not(:focus-visible){
|
|
1198
|
-
box-shadow:none; }
|
|
1199
1214
|
.iui-codeblock > .iui-codeblock-content:focus-visible{
|
|
1200
|
-
outline:
|
|
1201
|
-
|
|
1202
|
-
|
|
1215
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1216
|
+
outline-offset:-1px; }
|
|
1217
|
+
@supports not selector(*:focus-visible){
|
|
1218
|
+
.iui-codeblock > .iui-codeblock-content:focus{
|
|
1219
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1220
|
+
outline-offset:-1px; } }
|
|
1203
1221
|
.iui-codeblock > .iui-codeblock-content > code{
|
|
1204
1222
|
display:block;
|
|
1205
1223
|
width:100%;
|
|
@@ -1322,22 +1340,19 @@ html.iui-theme-dark{
|
|
|
1322
1340
|
.iui-color-swatch:hover{
|
|
1323
1341
|
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
1324
1342
|
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
1325
|
-
.iui-color-swatch:focus{
|
|
1326
|
-
outline:
|
|
1327
|
-
|
|
1328
|
-
|
|
1343
|
+
.iui-color-swatch:focus-visible{
|
|
1344
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
1345
|
+
outline-offset:0; }
|
|
1346
|
+
@supports not selector(*:focus-visible){
|
|
1347
|
+
.iui-color-swatch:focus{
|
|
1348
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
1349
|
+
outline-offset:0; } }
|
|
1329
1350
|
.iui-color-swatch.iui-active{
|
|
1330
1351
|
box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
1331
1352
|
box-shadow:0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
1332
1353
|
.iui-color-swatch.iui-active:hover{
|
|
1333
1354
|
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3));
|
|
1334
1355
|
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
|
|
1335
|
-
.iui-color-swatch.iui-active:focus{
|
|
1336
|
-
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3));
|
|
1337
|
-
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4)), inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
|
|
1338
|
-
.iui-color-swatch.iui-active:focus:not(:focus-visible){
|
|
1339
|
-
box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3));
|
|
1340
|
-
box-shadow:inset 0 0 0 1px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)), 0 0 0 2px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
|
|
1341
1356
|
|
|
1342
1357
|
.iui-color-picker-section-label{
|
|
1343
1358
|
margin-bottom:5.5px;
|
|
@@ -1403,10 +1418,13 @@ html.iui-theme-dark{
|
|
|
1403
1418
|
.iui-color-dot:hover{
|
|
1404
1419
|
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
1405
1420
|
box-shadow:0 0 1px 3px rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
1406
|
-
.iui-color-dot:focus{
|
|
1407
|
-
outline:
|
|
1408
|
-
|
|
1409
|
-
|
|
1421
|
+
.iui-color-dot:focus-visible{
|
|
1422
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
1423
|
+
outline-offset:0; }
|
|
1424
|
+
@supports not selector(*:focus-visible){
|
|
1425
|
+
.iui-color-dot:focus{
|
|
1426
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
1427
|
+
outline-offset:0; } }
|
|
1410
1428
|
|
|
1411
1429
|
.iui-date-picker{
|
|
1412
1430
|
margin:0;
|
|
@@ -1428,93 +1446,99 @@ html.iui-theme-dark{
|
|
|
1428
1446
|
display:inline-flex;
|
|
1429
1447
|
background-color:#FFF;
|
|
1430
1448
|
background-color:var(--iui-color-background-1); }
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-month-year > span{
|
|
1446
|
-
margin:0 4px;
|
|
1447
|
-
width:156px;
|
|
1448
|
-
white-space:nowrap;
|
|
1449
|
-
display:inline-flex;
|
|
1450
|
-
flex-shrink:0;
|
|
1451
|
-
align-items:center;
|
|
1452
|
-
justify-content:center;
|
|
1453
|
-
line-height:44px; }
|
|
1454
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-month-year .iui-month{
|
|
1455
|
-
overflow:hidden;
|
|
1456
|
-
max-width:15ch;
|
|
1457
|
-
text-overflow:ellipsis;
|
|
1458
|
-
white-space:nowrap;
|
|
1459
|
-
flex-shrink:0; }
|
|
1460
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-weekdays{
|
|
1461
|
-
line-height:33px;
|
|
1462
|
-
display:flex;
|
|
1463
|
-
justify-content:space-evenly;
|
|
1464
|
-
align-items:center;
|
|
1465
|
-
padding:0 8px;
|
|
1466
|
-
background-color:#F8F9FB;
|
|
1467
|
-
background-color:var(--iui-color-background-2); }
|
|
1468
|
-
.iui-date-picker > .iui-calendar > .iui-header > .iui-weekdays > div{
|
|
1469
|
-
white-space:nowrap;
|
|
1470
|
-
overflow:hidden;
|
|
1471
|
-
width:32px;
|
|
1472
|
-
text-align:center; }
|
|
1473
|
-
.iui-date-picker > .iui-calendar > .iui-dates > .iui-week{
|
|
1449
|
+
|
|
1450
|
+
.iui-calendar-month-year{
|
|
1451
|
+
display:inline-flex;
|
|
1452
|
+
width:100%;
|
|
1453
|
+
align-items:center;
|
|
1454
|
+
justify-content:space-between;
|
|
1455
|
+
padding:0 4px;
|
|
1456
|
+
box-sizing:border-box;
|
|
1457
|
+
font-weight:700;
|
|
1458
|
+
background-color:#FFF;
|
|
1459
|
+
background-color:var(--iui-color-background-1); }
|
|
1460
|
+
.iui-calendar-month-year > span{
|
|
1461
|
+
margin:0 4px;
|
|
1462
|
+
width:156px;
|
|
1474
1463
|
white-space:nowrap;
|
|
1475
|
-
|
|
1476
|
-
|
|
1464
|
+
display:inline-flex;
|
|
1465
|
+
flex-shrink:0;
|
|
1477
1466
|
align-items:center;
|
|
1478
|
-
justify-content:
|
|
1479
|
-
|
|
1480
|
-
|
|
1481
|
-
|
|
1482
|
-
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1486
|
-
|
|
1487
|
-
|
|
1488
|
-
|
|
1489
|
-
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1494
|
-
|
|
1495
|
-
|
|
1496
|
-
|
|
1497
|
-
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1467
|
+
justify-content:center;
|
|
1468
|
+
line-height:44px; }
|
|
1469
|
+
|
|
1470
|
+
.iui-calendar-month{
|
|
1471
|
+
overflow:hidden;
|
|
1472
|
+
max-width:15ch;
|
|
1473
|
+
text-overflow:ellipsis;
|
|
1474
|
+
white-space:nowrap;
|
|
1475
|
+
flex-shrink:0; }
|
|
1476
|
+
|
|
1477
|
+
.iui-calendar-weekdays{
|
|
1478
|
+
line-height:33px;
|
|
1479
|
+
display:flex;
|
|
1480
|
+
justify-content:space-evenly;
|
|
1481
|
+
align-items:center;
|
|
1482
|
+
padding:0 8px;
|
|
1483
|
+
font-weight:700;
|
|
1484
|
+
background-color:#F8F9FB;
|
|
1485
|
+
background-color:var(--iui-color-background-2); }
|
|
1486
|
+
.iui-calendar-weekdays > div{
|
|
1487
|
+
white-space:nowrap;
|
|
1488
|
+
overflow:hidden;
|
|
1489
|
+
width:32px;
|
|
1490
|
+
text-align:center; }
|
|
1491
|
+
|
|
1492
|
+
.iui-calendar-week{
|
|
1493
|
+
white-space:nowrap;
|
|
1494
|
+
height:33px;
|
|
1495
|
+
display:flex;
|
|
1496
|
+
align-items:center;
|
|
1497
|
+
justify-content:space-evenly;
|
|
1498
|
+
padding:0 8px; }
|
|
1499
|
+
|
|
1500
|
+
.iui-calendar-day{
|
|
1501
|
+
cursor:pointer;
|
|
1502
|
+
display:inline-block;
|
|
1503
|
+
width:33px;
|
|
1504
|
+
line-height:33px;
|
|
1505
|
+
border-radius:3px; }
|
|
1506
|
+
.iui-calendar-day:focus-visible{
|
|
1507
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1508
|
+
outline-offset:-1px; }
|
|
1509
|
+
@supports not selector(*:focus-visible){
|
|
1510
|
+
.iui-calendar-day:focus{
|
|
1511
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1512
|
+
outline-offset:-1px; } }
|
|
1513
|
+
.iui-calendar-day.iui-today{
|
|
1514
|
+
font-weight:600;
|
|
1515
|
+
border-radius:50%;
|
|
1516
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
1517
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
|
|
1518
|
+
.iui-calendar-day:hover{
|
|
1519
|
+
font-weight:600;
|
|
1520
|
+
color:#008BE1;
|
|
1521
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
1522
|
+
color:var(--iui-color-foreground-primary);
|
|
1523
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1524
|
+
.iui-calendar-day.iui-selected{
|
|
1525
|
+
font-weight:600;
|
|
1526
|
+
border-radius:3px;
|
|
1527
|
+
cursor:default;
|
|
1528
|
+
background-color:#008BE1;
|
|
1529
|
+
color:#FFF;
|
|
1530
|
+
background-color:var(--iui-color-background-primary);
|
|
1531
|
+
color:var(--iui-color-foreground-accessory); }
|
|
1532
|
+
.iui-calendar-day.iui-selected:focus-visible{
|
|
1533
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
1534
|
+
outline-offset:-3px; }
|
|
1535
|
+
@supports not selector(*:focus-visible){
|
|
1536
|
+
.iui-calendar-day.iui-selected:focus{
|
|
1537
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
1538
|
+
outline-offset:-3px; } }
|
|
1539
|
+
.iui-calendar-day.iui-outside-month{
|
|
1540
|
+
color:rgba(0, 0, 0, 0.4);
|
|
1541
|
+
color:var(--iui-text-color-muted); }
|
|
1518
1542
|
|
|
1519
1543
|
.iui-expandable-block{
|
|
1520
1544
|
margin:0;
|
|
@@ -1543,6 +1567,13 @@ html.iui-theme-dark{
|
|
|
1543
1567
|
border:1px solid var(--iui-color-background-3);
|
|
1544
1568
|
border-bottom-color:var(--iui-color-background-4);
|
|
1545
1569
|
background-color:var(--iui-color-background-3); }
|
|
1570
|
+
.iui-expandable-block > .iui-header:focus-visible{
|
|
1571
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1572
|
+
outline-offset:-1px; }
|
|
1573
|
+
@supports not selector(*:focus-visible){
|
|
1574
|
+
.iui-expandable-block > .iui-header:focus{
|
|
1575
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1576
|
+
outline-offset:-1px; } }
|
|
1546
1577
|
@media (prefers-reduced-motion: no-preference){
|
|
1547
1578
|
.iui-expandable-block > .iui-header{
|
|
1548
1579
|
transition:background-color 0.2s ease-out; } }
|
|
@@ -1596,16 +1627,13 @@ html.iui-theme-dark{
|
|
|
1596
1627
|
font-size:12px;
|
|
1597
1628
|
color:rgba(0, 0, 0, 0.4);
|
|
1598
1629
|
color:var(--iui-text-color-muted); }
|
|
1599
|
-
.iui-expandable-block > .iui-header:focus{
|
|
1600
|
-
outline:0;
|
|
1601
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
1602
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
1603
|
-
.iui-expandable-block > .iui-header:focus:not(:focus-visible){
|
|
1604
|
-
box-shadow:none; }
|
|
1605
1630
|
.iui-expandable-block > .iui-header:focus-visible{
|
|
1606
|
-
outline:
|
|
1607
|
-
|
|
1608
|
-
|
|
1631
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1632
|
+
outline-offset:-1px; }
|
|
1633
|
+
@supports not selector(*:focus-visible){
|
|
1634
|
+
.iui-expandable-block > .iui-header:focus{
|
|
1635
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1636
|
+
outline-offset:-1px; } }
|
|
1609
1637
|
.iui-expandable-block .iui-expandable-content{
|
|
1610
1638
|
overflow:hidden;
|
|
1611
1639
|
box-sizing:border-box;
|
|
@@ -1768,9 +1796,10 @@ html.iui-theme-dark{
|
|
|
1768
1796
|
position:relative;
|
|
1769
1797
|
flex-direction:row; }
|
|
1770
1798
|
.iui-file-upload > .iui-content:only-child:focus-within{
|
|
1771
|
-
outline:
|
|
1772
|
-
|
|
1773
|
-
|
|
1799
|
+
outline:2px solid #008BE1;
|
|
1800
|
+
outline-offset:-2px;
|
|
1801
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
1802
|
+
outline-offset:-2px; }
|
|
1774
1803
|
.iui-file-upload > .iui-content .iui-template-text{
|
|
1775
1804
|
margin-left:24px; }
|
|
1776
1805
|
.iui-file-upload > .iui-content .iui-template-text > label{
|
|
@@ -1801,7 +1830,6 @@ html.iui-theme-dark{
|
|
|
1801
1830
|
list-style-type:none;
|
|
1802
1831
|
margin:0 auto;
|
|
1803
1832
|
padding:0;
|
|
1804
|
-
overflow:hidden;
|
|
1805
1833
|
display:flex;
|
|
1806
1834
|
justify-content:center;
|
|
1807
1835
|
align-items:center;
|
|
@@ -1824,34 +1852,22 @@ html.iui-theme-dark{
|
|
|
1824
1852
|
background-color:rgba(0, 0, 0, 0.4);
|
|
1825
1853
|
background-color:var(--iui-text-color-muted); }
|
|
1826
1854
|
.iui-legal-footer > ul > li > a{
|
|
1855
|
+
border-radius:3px;
|
|
1827
1856
|
text-decoration:none;
|
|
1828
1857
|
cursor:pointer;
|
|
1829
1858
|
color:#008BE1;
|
|
1830
1859
|
color:var(--iui-color-foreground-primary); }
|
|
1831
|
-
.iui-legal-footer > ul > li > a:focus{
|
|
1832
|
-
outline:0;
|
|
1833
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
1834
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
1835
|
-
.iui-legal-footer > ul > li > a:focus:not(:focus-visible){
|
|
1836
|
-
box-shadow:none; }
|
|
1837
1860
|
.iui-legal-footer > ul > li > a:focus-visible{
|
|
1838
|
-
outline:
|
|
1839
|
-
|
|
1840
|
-
|
|
1861
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1862
|
+
outline-offset:2px; }
|
|
1863
|
+
@supports not selector(*:focus-visible){
|
|
1864
|
+
.iui-legal-footer > ul > li > a:focus{
|
|
1865
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
1866
|
+
outline-offset:2px; } }
|
|
1841
1867
|
.iui-legal-footer > ul > li > a:hover{
|
|
1842
1868
|
color:#006bae;
|
|
1843
1869
|
color:var(--iui-color-foreground-primary-overlay);
|
|
1844
1870
|
text-decoration:underline; }
|
|
1845
|
-
.iui-legal-footer > ul > li > a:focus{
|
|
1846
|
-
outline:0;
|
|
1847
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
1848
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
1849
|
-
.iui-legal-footer > ul > li > a:focus:not(:focus-visible){
|
|
1850
|
-
box-shadow:none; }
|
|
1851
|
-
.iui-legal-footer > ul > li > a:focus-visible{
|
|
1852
|
-
outline:0;
|
|
1853
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
1854
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
1855
1871
|
.iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
|
|
1856
1872
|
color:rgba(0, 0, 0, 0.4);
|
|
1857
1873
|
color:var(--iui-text-color-muted); }
|
|
@@ -1964,12 +1980,6 @@ html.iui-theme-dark{
|
|
|
1964
1980
|
.iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
|
|
1965
1981
|
color:#008BE1;
|
|
1966
1982
|
color:var(--iui-color-foreground-primary); }
|
|
1967
|
-
.iui-page-header .iui-header-button.iui-header-button.iui-active:focus{
|
|
1968
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
1969
|
-
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1970
|
-
.iui-page-header .iui-header-button.iui-header-button.iui-active:focus:not(:focus-visible){
|
|
1971
|
-
box-shadow:0 2px 0 0 #008BE1;
|
|
1972
|
-
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1973
1983
|
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled{
|
|
1974
1984
|
background-color:rgba(0, 0, 0, 0.05);
|
|
1975
1985
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
@@ -2070,12 +2080,6 @@ html.iui-theme-dark{
|
|
|
2070
2080
|
.iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
|
|
2071
2081
|
color:#008BE1;
|
|
2072
2082
|
color:var(--iui-color-foreground-primary); }
|
|
2073
|
-
.iui-page-header .iui-header-split-button .iui-button.iui-active:focus{
|
|
2074
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
2075
|
-
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
2076
|
-
.iui-page-header .iui-header-split-button .iui-button.iui-active:focus:not(:focus-visible){
|
|
2077
|
-
box-shadow:0 2px 0 0 #008BE1;
|
|
2078
|
-
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
2079
2083
|
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled{
|
|
2080
2084
|
background-color:rgba(0, 0, 0, 0.05);
|
|
2081
2085
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
@@ -2122,12 +2126,6 @@ html.iui-theme-dark{
|
|
|
2122
2126
|
.iui-page-header .iui-header-split-button.iui-active .iui-button-label{
|
|
2123
2127
|
color:#008BE1;
|
|
2124
2128
|
color:var(--iui-color-foreground-primary); }
|
|
2125
|
-
.iui-page-header .iui-header-split-button.iui-active:focus{
|
|
2126
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
2127
|
-
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
2128
|
-
.iui-page-header .iui-header-split-button.iui-active:focus:not(:focus-visible){
|
|
2129
|
-
box-shadow:0 2px 0 0 #008BE1;
|
|
2130
|
-
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
2131
2129
|
.iui-page-header .iui-header-split-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button.iui-active:disabled{
|
|
2132
2130
|
background-color:rgba(0, 0, 0, 0.05);
|
|
2133
2131
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
@@ -2254,14 +2252,12 @@ html.iui-theme-dark{
|
|
|
2254
2252
|
a.iui-header-logo:focus:not(:focus-visible),
|
|
2255
2253
|
button.iui-header-logo:focus:not(:focus-visible), .iui-header-logo[role='button']:focus:not(:focus-visible){
|
|
2256
2254
|
outline:0; }
|
|
2257
|
-
a.iui-header-logo:hover,
|
|
2258
|
-
button.iui-header-logo:hover,
|
|
2259
|
-
button.iui-header-logo:focus, .iui-header-logo[role='button']:hover, .iui-header-logo[role='button']:focus{
|
|
2255
|
+
a.iui-header-logo:hover,
|
|
2256
|
+
button.iui-header-logo:hover, .iui-header-logo[role='button']:hover{
|
|
2260
2257
|
background-color:rgba(0, 0, 0, 0.1);
|
|
2261
2258
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
|
|
2262
|
-
a.iui-header-logo:hover:not(:focus-visible):not(:hover),
|
|
2263
|
-
button.iui-header-logo:hover:not(:focus-visible):not(:hover),
|
|
2264
|
-
button.iui-header-logo:focus:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:hover:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:focus:not(:focus-visible):not(:hover){
|
|
2259
|
+
a.iui-header-logo:hover:not(:focus-visible):not(:hover),
|
|
2260
|
+
button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[role='button']:hover:not(:focus-visible):not(:hover){
|
|
2265
2261
|
background-color:#FFF;
|
|
2266
2262
|
background-color:var(--iui-color-background-1); }
|
|
2267
2263
|
.iui-header-logo .iui-header-button-icon{
|
|
@@ -2550,8 +2546,8 @@ html.iui-theme-dark{
|
|
|
2550
2546
|
vertical-align:baseline;
|
|
2551
2547
|
display:-ms-grid;
|
|
2552
2548
|
display:grid;
|
|
2553
|
-
-ms-grid-rows:auto auto;
|
|
2554
|
-
-ms-grid-columns:auto 1fr;
|
|
2549
|
+
-ms-grid-rows: auto auto;
|
|
2550
|
+
-ms-grid-columns: auto 1fr;
|
|
2555
2551
|
grid-template:'label label' 'inputs inputs' / auto 1fr;
|
|
2556
2552
|
cursor:default; }
|
|
2557
2553
|
.iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
|
|
@@ -2564,8 +2560,8 @@ html.iui-theme-dark{
|
|
|
2564
2560
|
.iui-input-container.iui-inline-icon > .iui-textarea:last-child{
|
|
2565
2561
|
padding-right:12px; }
|
|
2566
2562
|
.iui-input-container.iui-with-message{
|
|
2567
|
-
-ms-grid-rows:auto auto auto;
|
|
2568
|
-
-ms-grid-columns:auto 1fr;
|
|
2563
|
+
-ms-grid-rows: auto auto auto;
|
|
2564
|
+
-ms-grid-columns: auto 1fr;
|
|
2569
2565
|
grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
|
|
2570
2566
|
.iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
2571
2567
|
margin-top:3px; }
|
|
@@ -2590,8 +2586,8 @@ html.iui-theme-dark{
|
|
|
2590
2586
|
.iui-input-container .iui-radio{
|
|
2591
2587
|
min-height:22px; }
|
|
2592
2588
|
.iui-input-container.iui-inline-label{
|
|
2593
|
-
-ms-grid-rows:auto;
|
|
2594
|
-
-ms-grid-columns:auto 1fr auto;
|
|
2589
|
+
-ms-grid-rows: auto;
|
|
2590
|
+
-ms-grid-columns: auto 1fr auto;
|
|
2595
2591
|
grid-template:'label inputs icon' / auto 1fr auto; }
|
|
2596
2592
|
div.iui-input-container.iui-inline-label{
|
|
2597
2593
|
-ms-grid-columns:auto min-content auto; }
|
|
@@ -2605,8 +2601,8 @@ html.iui-theme-dark{
|
|
|
2605
2601
|
-ms-grid-row:1;
|
|
2606
2602
|
-ms-grid-column:3; }
|
|
2607
2603
|
.iui-input-container.iui-inline-label.iui-with-message{
|
|
2608
|
-
-ms-grid-rows:auto auto;
|
|
2609
|
-
-ms-grid-columns:auto auto 1fr;
|
|
2604
|
+
-ms-grid-rows: auto auto;
|
|
2605
|
+
-ms-grid-columns: auto auto 1fr;
|
|
2610
2606
|
grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
|
|
2611
2607
|
.iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
|
|
2612
2608
|
-ms-grid-row:2;
|
|
@@ -2749,9 +2745,11 @@ html.iui-theme-dark{
|
|
|
2749
2745
|
.iui-input-container.iui-positive > .iui-textarea:focus,
|
|
2750
2746
|
.iui-input-container.iui-positive > .iui-select > .iui-select-button:focus{
|
|
2751
2747
|
border-bottom:2px solid #53A21A;
|
|
2752
|
-
|
|
2748
|
+
outline:2px solid #53A21A;
|
|
2749
|
+
outline-offset:-2px;
|
|
2753
2750
|
border-bottom:2px solid var(--iui-color-foreground-positive);
|
|
2754
|
-
|
|
2751
|
+
outline:2px solid var(--iui-color-foreground-positive);
|
|
2752
|
+
outline-offset:-2px; }
|
|
2755
2753
|
.iui-input-container.iui-negative *::-moz-selection{
|
|
2756
2754
|
background-color:rgba(211, 10, 10, 0.4);
|
|
2757
2755
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-4)); }
|
|
@@ -2790,9 +2788,11 @@ html.iui-theme-dark{
|
|
|
2790
2788
|
.iui-input-container.iui-negative > .iui-textarea:focus,
|
|
2791
2789
|
.iui-input-container.iui-negative > .iui-select > .iui-select-button:focus{
|
|
2792
2790
|
border-bottom:2px solid #D30A0A;
|
|
2793
|
-
|
|
2791
|
+
outline:2px solid #D30A0A;
|
|
2792
|
+
outline-offset:-2px;
|
|
2794
2793
|
border-bottom:2px solid var(--iui-color-foreground-negative);
|
|
2795
|
-
|
|
2794
|
+
outline:2px solid var(--iui-color-foreground-negative);
|
|
2795
|
+
outline-offset:-2px; }
|
|
2796
2796
|
.iui-input-container.iui-warning *::-moz-selection{
|
|
2797
2797
|
background-color:rgba(241, 139, 18, 0.4);
|
|
2798
2798
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-4)); }
|
|
@@ -2831,9 +2831,11 @@ html.iui-theme-dark{
|
|
|
2831
2831
|
.iui-input-container.iui-warning > .iui-textarea:focus,
|
|
2832
2832
|
.iui-input-container.iui-warning > .iui-select > .iui-select-button:focus{
|
|
2833
2833
|
border-bottom:2px solid #F18B12;
|
|
2834
|
-
|
|
2834
|
+
outline:2px solid #F18B12;
|
|
2835
|
+
outline-offset:-2px;
|
|
2835
2836
|
border-bottom:2px solid var(--iui-color-foreground-warning);
|
|
2836
|
-
|
|
2837
|
+
outline:2px solid var(--iui-color-foreground-warning);
|
|
2838
|
+
outline-offset:-2px; }
|
|
2837
2839
|
|
|
2838
2840
|
.iui-input-label{
|
|
2839
2841
|
font-weight:600;
|
|
@@ -2880,6 +2882,13 @@ html.iui-theme-dark{
|
|
|
2880
2882
|
color:var(--iui-text-color);
|
|
2881
2883
|
background-color:var(--iui-color-background-1);
|
|
2882
2884
|
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
2885
|
+
.iui-input:focus-visible{
|
|
2886
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
2887
|
+
outline-offset:-2px; }
|
|
2888
|
+
@supports not selector(*:focus-visible){
|
|
2889
|
+
.iui-input:focus{
|
|
2890
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
2891
|
+
outline-offset:-2px; } }
|
|
2883
2892
|
@media (prefers-reduced-motion: no-preference){
|
|
2884
2893
|
.iui-input{
|
|
2885
2894
|
transition:border-color 0.2s ease-out; } }
|
|
@@ -2935,12 +2944,6 @@ html.iui-theme-dark{
|
|
|
2935
2944
|
background-color:var(--iui-color-background-disabled);
|
|
2936
2945
|
border-color:var(--iui-color-background-disabled);
|
|
2937
2946
|
cursor:not-allowed; }
|
|
2938
|
-
.iui-input:focus{
|
|
2939
|
-
outline:0;
|
|
2940
|
-
border-color:rgba(0, 0, 0, 0.4);
|
|
2941
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
2942
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
2943
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
2944
2947
|
|
|
2945
2948
|
.iui-textarea{
|
|
2946
2949
|
margin:0;
|
|
@@ -2967,6 +2970,13 @@ html.iui-theme-dark{
|
|
|
2967
2970
|
border:1px solid rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
2968
2971
|
resize:vertical;
|
|
2969
2972
|
min-height:38px; }
|
|
2973
|
+
.iui-textarea:focus-visible{
|
|
2974
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
2975
|
+
outline-offset:-2px; }
|
|
2976
|
+
@supports not selector(*:focus-visible){
|
|
2977
|
+
.iui-textarea:focus{
|
|
2978
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
2979
|
+
outline-offset:-2px; } }
|
|
2970
2980
|
@media (prefers-reduced-motion: no-preference){
|
|
2971
2981
|
.iui-textarea{
|
|
2972
2982
|
transition:border-color 0.2s ease-out; } }
|
|
@@ -3022,12 +3032,6 @@ html.iui-theme-dark{
|
|
|
3022
3032
|
background-color:var(--iui-color-background-disabled);
|
|
3023
3033
|
border-color:var(--iui-color-background-disabled);
|
|
3024
3034
|
cursor:not-allowed; }
|
|
3025
|
-
.iui-textarea:focus{
|
|
3026
|
-
outline:0;
|
|
3027
|
-
border-color:rgba(0, 0, 0, 0.4);
|
|
3028
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
3029
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
3030
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
3031
3035
|
.iui-textarea[disabled], .iui-textarea[readonly]{
|
|
3032
3036
|
resize:none; }
|
|
3033
3037
|
|
|
@@ -3039,7 +3043,8 @@ html.iui-theme-dark{
|
|
|
3039
3043
|
display:flex;
|
|
3040
3044
|
flex-direction:column;
|
|
3041
3045
|
position:relative;
|
|
3042
|
-
width:100%;
|
|
3046
|
+
width:100%;
|
|
3047
|
+
min-width:0; }
|
|
3043
3048
|
.iui-select > .iui-select-button{
|
|
3044
3049
|
margin:0;
|
|
3045
3050
|
padding:0;
|
|
@@ -3072,6 +3077,13 @@ html.iui-theme-dark{
|
|
|
3072
3077
|
-ms-user-select:none;
|
|
3073
3078
|
user-select:none;
|
|
3074
3079
|
position:relative; }
|
|
3080
|
+
.iui-select > .iui-select-button:focus-visible{
|
|
3081
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3082
|
+
outline-offset:-2px; }
|
|
3083
|
+
@supports not selector(*:focus-visible){
|
|
3084
|
+
.iui-select > .iui-select-button:focus{
|
|
3085
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3086
|
+
outline-offset:-2px; } }
|
|
3075
3087
|
@media (prefers-reduced-motion: no-preference){
|
|
3076
3088
|
.iui-select > .iui-select-button{
|
|
3077
3089
|
transition:border-color 0.2s ease-out; } }
|
|
@@ -3127,22 +3139,13 @@ html.iui-theme-dark{
|
|
|
3127
3139
|
background-color:var(--iui-color-background-disabled);
|
|
3128
3140
|
border-color:var(--iui-color-background-disabled);
|
|
3129
3141
|
cursor:not-allowed; }
|
|
3130
|
-
.iui-select > .iui-select-button:focus{
|
|
3131
|
-
outline:0;
|
|
3132
|
-
border-color:rgba(0, 0, 0, 0.4);
|
|
3133
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
3134
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
3135
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
3136
|
-
.iui-select > .iui-select-button:focus{
|
|
3137
|
-
outline:0;
|
|
3138
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
3139
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
3140
|
-
.iui-select > .iui-select-button:focus:not(:focus-visible){
|
|
3141
|
-
box-shadow:none; }
|
|
3142
3142
|
.iui-select > .iui-select-button:focus-visible{
|
|
3143
|
-
outline:
|
|
3144
|
-
|
|
3145
|
-
|
|
3143
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3144
|
+
outline-offset:-2px; }
|
|
3145
|
+
@supports not selector(*:focus-visible){
|
|
3146
|
+
.iui-select > .iui-select-button:focus{
|
|
3147
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3148
|
+
outline-offset:-2px; } }
|
|
3146
3149
|
@media (prefers-reduced-motion: no-preference){
|
|
3147
3150
|
.iui-select > .iui-select-button{
|
|
3148
3151
|
transition:border-color 0.2s ease-out; } }
|
|
@@ -3237,32 +3240,47 @@ html.iui-theme-dark{
|
|
|
3237
3240
|
cursor:not-allowed; }
|
|
3238
3241
|
.iui-checkbox .iui-checkbox-checkmark,
|
|
3239
3242
|
.iui-checkbox .iui-radio-dot{
|
|
3240
|
-
box-sizing:border-box;
|
|
3241
3243
|
width:16px;
|
|
3242
3244
|
height:16px;
|
|
3243
3245
|
margin:0;
|
|
3244
3246
|
display:flex;
|
|
3247
|
+
flex-shrink:0;
|
|
3245
3248
|
justify-content:center;
|
|
3246
3249
|
align-items:center;
|
|
3247
|
-
|
|
3250
|
+
position:relative;
|
|
3251
|
+
isolation:isolate;
|
|
3252
|
+
border-color:rgba(0, 0, 0, 0.4);
|
|
3248
3253
|
background-color:#FFF;
|
|
3249
|
-
border:
|
|
3254
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
3250
3255
|
background-color:var(--iui-color-background-1); }
|
|
3256
|
+
.iui-checkbox .iui-checkbox-checkmark::after,
|
|
3257
|
+
.iui-checkbox .iui-radio-dot::after{
|
|
3258
|
+
content:'';
|
|
3259
|
+
position:absolute;
|
|
3260
|
+
inset:0;
|
|
3261
|
+
z-index:-1;
|
|
3262
|
+
transition:border-color 0.2s ease-out;
|
|
3263
|
+
border-radius:inherit;
|
|
3264
|
+
border-style:solid;
|
|
3265
|
+
border-width:1px;
|
|
3266
|
+
border-color:inherit; }
|
|
3251
3267
|
.iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial),
|
|
3252
3268
|
.iui-checkbox .iui-radio-dot svg:not(.iui-radial){
|
|
3253
|
-
width:
|
|
3254
|
-
height:
|
|
3269
|
+
width:100%;
|
|
3270
|
+
height:100%;
|
|
3271
|
+
fill:#008BE1;
|
|
3272
|
+
fill:var(--iui-icons-color-primary); }
|
|
3255
3273
|
.iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3256
3274
|
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3257
|
-
opacity:0;
|
|
3258
|
-
fill:#008BE1;
|
|
3259
|
-
fill:var(--iui-icons-color-primary); }
|
|
3275
|
+
opacity:0; }
|
|
3260
3276
|
@media (prefers-reduced-motion: no-preference){
|
|
3261
3277
|
.iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3262
3278
|
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3263
3279
|
transition:opacity 0.2s ease; } }
|
|
3264
3280
|
.iui-checkbox > .iui-label{
|
|
3265
|
-
margin-right:8px;
|
|
3281
|
+
margin-right:8px;
|
|
3282
|
+
display:flex;
|
|
3283
|
+
align-items:center; }
|
|
3266
3284
|
.iui-checkbox > .iui-label svg{
|
|
3267
3285
|
width:16px;
|
|
3268
3286
|
height:16px;
|
|
@@ -3277,10 +3295,6 @@ html.iui-theme-dark{
|
|
|
3277
3295
|
.iui-checkbox:hover > input:enabled ~ .iui-radio-dot{
|
|
3278
3296
|
border-color:rgba(0, 0, 0, 0.8);
|
|
3279
3297
|
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3280
|
-
@media (prefers-reduced-motion: no-preference){
|
|
3281
|
-
.iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark,
|
|
3282
|
-
.iui-checkbox:hover > input:enabled ~ .iui-radio-dot{
|
|
3283
|
-
transition:all 0.2s ease-out; } }
|
|
3284
3298
|
.iui-checkbox input:checked ~ .iui-checkbox-checkmark,
|
|
3285
3299
|
.iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark,
|
|
3286
3300
|
.iui-checkbox input:checked ~ .iui-radio-dot{
|
|
@@ -3297,11 +3311,12 @@ html.iui-theme-dark{
|
|
|
3297
3311
|
transition:opacity 0.2s ease; } }
|
|
3298
3312
|
.iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark,
|
|
3299
3313
|
.iui-checkbox input:enabled:focus ~ .iui-radio-dot{
|
|
3300
|
-
|
|
3301
|
-
|
|
3314
|
+
outline:2px solid #008BE1;
|
|
3315
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3316
|
+
outline-offset:-1px; }
|
|
3302
3317
|
.iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark,
|
|
3303
3318
|
.iui-checkbox input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{
|
|
3304
|
-
|
|
3319
|
+
outline:none; }
|
|
3305
3320
|
.iui-checkbox input:disabled ~ .iui-checkbox-checkmark,
|
|
3306
3321
|
.iui-checkbox input:disabled ~ .iui-radio-dot{
|
|
3307
3322
|
cursor:not-allowed;
|
|
@@ -3309,9 +3324,8 @@ html.iui-theme-dark{
|
|
|
3309
3324
|
border-color:#EEF0F3;
|
|
3310
3325
|
background-color:var(--iui-color-background-disabled);
|
|
3311
3326
|
border-color:var(--iui-color-background-disabled); }
|
|
3312
|
-
.iui-checkbox input:disabled ~ .iui-checkbox-checkmark
|
|
3313
|
-
.iui-checkbox input:disabled ~ .iui-
|
|
3314
|
-
.iui-checkbox input:disabled ~ .iui-radio-dot circle{
|
|
3327
|
+
.iui-checkbox input:disabled ~ .iui-checkbox-checkmark svg,
|
|
3328
|
+
.iui-checkbox input:disabled ~ .iui-radio-dot svg{
|
|
3315
3329
|
fill:rgba(0, 0, 0, 0.2);
|
|
3316
3330
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
3317
3331
|
.iui-checkbox input:disabled ~ .iui-label{
|
|
@@ -3335,7 +3349,7 @@ html.iui-theme-dark{
|
|
|
3335
3349
|
.iui-checkbox.iui-loading{
|
|
3336
3350
|
cursor:wait; }
|
|
3337
3351
|
.iui-checkbox.iui-loading input ~ .iui-checkbox-checkmark{
|
|
3338
|
-
border:
|
|
3352
|
+
border-color:transparent;
|
|
3339
3353
|
background-color:transparent; }
|
|
3340
3354
|
.iui-checkbox.iui-loading input:disabled ~ .iui-checkbox-checkmark{
|
|
3341
3355
|
cursor:wait; }
|
|
@@ -3344,14 +3358,11 @@ html.iui-theme-dark{
|
|
|
3344
3358
|
.iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
|
|
3345
3359
|
background-color:rgba(0, 0, 0, 0.1);
|
|
3346
3360
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
|
|
3347
|
-
.iui-checkbox-visibility input ~ .iui-checkbox-checkmark,
|
|
3348
|
-
.iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
|
|
3361
|
+
.iui-checkbox-visibility input ~ .iui-checkbox-checkmark::after,
|
|
3362
|
+
.iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark::after{
|
|
3349
3363
|
border:none; }
|
|
3350
3364
|
.iui-checkbox-visibility input ~ .iui-checkbox-checkmark{
|
|
3351
3365
|
background-color:transparent; }
|
|
3352
|
-
.iui-checkbox-visibility .iui-checkbox-checkmark svg:not(.iui-radial){
|
|
3353
|
-
width:16px;
|
|
3354
|
-
height:16px; }
|
|
3355
3366
|
.iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck,
|
|
3356
3367
|
.iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{
|
|
3357
3368
|
opacity:0; }
|
|
@@ -3360,6 +3371,9 @@ html.iui-theme-dark{
|
|
|
3360
3371
|
transition:opacity 0.2s ease;
|
|
3361
3372
|
fill:rgba(0, 0, 0, 0.8);
|
|
3362
3373
|
fill:var(--iui-icons-color-actionable); }
|
|
3374
|
+
.iui-checkbox-visibility input:disabled ~ .iui-checkbox-checkmark .iui-uncheck{
|
|
3375
|
+
fill:rgba(0, 0, 0, 0.2);
|
|
3376
|
+
fill:var(--iui-icons-color-actionable-disabled); }
|
|
3363
3377
|
|
|
3364
3378
|
.iui-radio{
|
|
3365
3379
|
margin:0;
|
|
@@ -3392,32 +3406,47 @@ html.iui-theme-dark{
|
|
|
3392
3406
|
cursor:not-allowed; }
|
|
3393
3407
|
.iui-radio .iui-checkbox-checkmark,
|
|
3394
3408
|
.iui-radio .iui-radio-dot{
|
|
3395
|
-
box-sizing:border-box;
|
|
3396
3409
|
width:16px;
|
|
3397
3410
|
height:16px;
|
|
3398
3411
|
margin:0;
|
|
3399
3412
|
display:flex;
|
|
3413
|
+
flex-shrink:0;
|
|
3400
3414
|
justify-content:center;
|
|
3401
3415
|
align-items:center;
|
|
3402
|
-
|
|
3416
|
+
position:relative;
|
|
3417
|
+
isolation:isolate;
|
|
3418
|
+
border-color:rgba(0, 0, 0, 0.4);
|
|
3403
3419
|
background-color:#FFF;
|
|
3404
|
-
border:
|
|
3420
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
3405
3421
|
background-color:var(--iui-color-background-1); }
|
|
3422
|
+
.iui-radio .iui-checkbox-checkmark::after,
|
|
3423
|
+
.iui-radio .iui-radio-dot::after{
|
|
3424
|
+
content:'';
|
|
3425
|
+
position:absolute;
|
|
3426
|
+
inset:0;
|
|
3427
|
+
z-index:-1;
|
|
3428
|
+
transition:border-color 0.2s ease-out;
|
|
3429
|
+
border-radius:inherit;
|
|
3430
|
+
border-style:solid;
|
|
3431
|
+
border-width:1px;
|
|
3432
|
+
border-color:inherit; }
|
|
3406
3433
|
.iui-radio .iui-checkbox-checkmark svg:not(.iui-radial),
|
|
3407
3434
|
.iui-radio .iui-radio-dot svg:not(.iui-radial){
|
|
3408
|
-
width:
|
|
3409
|
-
height:
|
|
3435
|
+
width:100%;
|
|
3436
|
+
height:100%;
|
|
3437
|
+
fill:#008BE1;
|
|
3438
|
+
fill:var(--iui-icons-color-primary); }
|
|
3410
3439
|
.iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3411
3440
|
.iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3412
|
-
opacity:0;
|
|
3413
|
-
fill:#008BE1;
|
|
3414
|
-
fill:var(--iui-icons-color-primary); }
|
|
3441
|
+
opacity:0; }
|
|
3415
3442
|
@media (prefers-reduced-motion: no-preference){
|
|
3416
3443
|
.iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3417
3444
|
.iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3418
3445
|
transition:opacity 0.2s ease; } }
|
|
3419
3446
|
.iui-radio > .iui-label{
|
|
3420
|
-
margin-right:8px;
|
|
3447
|
+
margin-right:8px;
|
|
3448
|
+
display:flex;
|
|
3449
|
+
align-items:center; }
|
|
3421
3450
|
.iui-radio > .iui-label svg{
|
|
3422
3451
|
width:16px;
|
|
3423
3452
|
height:16px;
|
|
@@ -3432,10 +3461,6 @@ html.iui-theme-dark{
|
|
|
3432
3461
|
.iui-radio:hover > input:enabled ~ .iui-radio-dot{
|
|
3433
3462
|
border-color:rgba(0, 0, 0, 0.8);
|
|
3434
3463
|
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3435
|
-
@media (prefers-reduced-motion: no-preference){
|
|
3436
|
-
.iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark,
|
|
3437
|
-
.iui-radio:hover > input:enabled ~ .iui-radio-dot{
|
|
3438
|
-
transition:all 0.2s ease-out; } }
|
|
3439
3464
|
.iui-radio input:checked ~ .iui-checkbox-checkmark,
|
|
3440
3465
|
.iui-radio input:indeterminate ~ .iui-checkbox-checkmark,
|
|
3441
3466
|
.iui-radio input:checked ~ .iui-radio-dot{
|
|
@@ -3452,11 +3477,12 @@ html.iui-theme-dark{
|
|
|
3452
3477
|
transition:opacity 0.2s ease; } }
|
|
3453
3478
|
.iui-radio input:enabled:focus ~ .iui-checkbox-checkmark,
|
|
3454
3479
|
.iui-radio input:enabled:focus ~ .iui-radio-dot{
|
|
3455
|
-
|
|
3456
|
-
|
|
3480
|
+
outline:2px solid #008BE1;
|
|
3481
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3482
|
+
outline-offset:-1px; }
|
|
3457
3483
|
.iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-checkbox-checkmark,
|
|
3458
3484
|
.iui-radio input:enabled:focus:not(:focus-visible) ~ .iui-radio-dot{
|
|
3459
|
-
|
|
3485
|
+
outline:none; }
|
|
3460
3486
|
.iui-radio input:disabled ~ .iui-checkbox-checkmark,
|
|
3461
3487
|
.iui-radio input:disabled ~ .iui-radio-dot{
|
|
3462
3488
|
cursor:not-allowed;
|
|
@@ -3464,9 +3490,8 @@ html.iui-theme-dark{
|
|
|
3464
3490
|
border-color:#EEF0F3;
|
|
3465
3491
|
background-color:var(--iui-color-background-disabled);
|
|
3466
3492
|
border-color:var(--iui-color-background-disabled); }
|
|
3467
|
-
.iui-radio input:disabled ~ .iui-checkbox-checkmark
|
|
3468
|
-
.iui-radio input:disabled ~ .iui-
|
|
3469
|
-
.iui-radio input:disabled ~ .iui-radio-dot circle{
|
|
3493
|
+
.iui-radio input:disabled ~ .iui-checkbox-checkmark svg,
|
|
3494
|
+
.iui-radio input:disabled ~ .iui-radio-dot svg{
|
|
3470
3495
|
fill:rgba(0, 0, 0, 0.2);
|
|
3471
3496
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
3472
3497
|
.iui-radio input:disabled ~ .iui-label{
|
|
@@ -3564,9 +3589,12 @@ html.iui-theme-dark{
|
|
|
3564
3589
|
.iui-radio-tile-container > label:not(:first-child) > .iui-radio-tile{
|
|
3565
3590
|
margin-left:-1px; }
|
|
3566
3591
|
.iui-radio-tile-container > label input:enabled:focus ~ .iui-radio-tile{
|
|
3567
|
-
outline:
|
|
3568
|
-
|
|
3569
|
-
|
|
3592
|
+
outline:2px solid #008BE1;
|
|
3593
|
+
outline-offset:-4px;
|
|
3594
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
3595
|
+
outline-offset:-4px; }
|
|
3596
|
+
.iui-radio-tile-container > label input:enabled:focus:not(:focus-visible) ~ .iui-radio-tile{
|
|
3597
|
+
outline:none; }
|
|
3570
3598
|
.iui-radio-tile-container > label:hover > input:enabled:not(:checked) ~ .iui-radio-tile{
|
|
3571
3599
|
z-index:2;
|
|
3572
3600
|
border-color:rgba(0, 0, 0, 0.8);
|
|
@@ -4189,6 +4217,15 @@ html.iui-theme-dark{
|
|
|
4189
4217
|
box-shadow:0 0 0 0 rgba(255, 255, 255, 0);
|
|
4190
4218
|
box-shadow:0 0 0 0 rgba(var(--iui-color-foreground-accessory-rgb), 0); } } }
|
|
4191
4219
|
|
|
4220
|
+
.iui-popover{ }
|
|
4221
|
+
.iui-popover[data-reference-hidden]{
|
|
4222
|
+
visibility:hidden;
|
|
4223
|
+
pointer-events:none; }
|
|
4224
|
+
.iui-popover.tippy-box{
|
|
4225
|
+
all:revert; }
|
|
4226
|
+
.iui-popover .tippy-content{
|
|
4227
|
+
all:revert; }
|
|
4228
|
+
|
|
4192
4229
|
.iui-progress-indicator-linear{
|
|
4193
4230
|
margin:0;
|
|
4194
4231
|
padding:0;
|
|
@@ -4564,10 +4601,7 @@ html.iui-theme-dark{
|
|
|
4564
4601
|
white-space:nowrap;
|
|
4565
4602
|
overflow:hidden;
|
|
4566
4603
|
text-overflow:ellipsis; }
|
|
4567
|
-
.iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:hover, .iui-side-navigation .iui-sidenav-button[disabled]
|
|
4568
|
-
border-color:#C7CCD1;
|
|
4569
|
-
border-color:var(--iui-color-background-5); }
|
|
4570
|
-
.iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
|
|
4604
|
+
.iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:hover, .iui-side-navigation .iui-sidenav-button[disabled]{
|
|
4571
4605
|
border-color:#C7CCD1;
|
|
4572
4606
|
border-color:var(--iui-color-background-5); }
|
|
4573
4607
|
.iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){
|
|
@@ -4580,21 +4614,9 @@ html.iui-theme-dark{
|
|
|
4580
4614
|
.iui-side-navigation .iui-sidenav-button.iui-active{
|
|
4581
4615
|
box-shadow:inset 2px 0 0 0 #008BE1;
|
|
4582
4616
|
box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
|
|
4583
|
-
.iui-side-navigation .iui-sidenav-button.iui-active:focus{
|
|
4584
|
-
box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
|
|
4585
|
-
box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)), inset 2px 0 0 0 var(--iui-icons-color-primary); }
|
|
4586
|
-
.iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
|
|
4587
|
-
box-shadow:inset 2px 0 0 0 #008BE1;
|
|
4588
|
-
box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
|
|
4589
4617
|
.iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{
|
|
4590
4618
|
background-color:#F8F9FB;
|
|
4591
4619
|
background-color:var(--iui-color-background-2); }
|
|
4592
|
-
.iui-side-navigation .iui-sidenav-button:focus{
|
|
4593
|
-
outline:0;
|
|
4594
|
-
box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6);
|
|
4595
|
-
box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
|
|
4596
|
-
.iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
|
|
4597
|
-
box-shadow:none; }
|
|
4598
4620
|
.iui-side-navigation .iui-sidenav-button.iui-expand{
|
|
4599
4621
|
height:22px;
|
|
4600
4622
|
justify-content:center;
|
|
@@ -4802,19 +4824,16 @@ html.iui-theme-dark{
|
|
|
4802
4824
|
border:1px solid #C7CCD1;
|
|
4803
4825
|
background:var(--iui-color-background-1);
|
|
4804
4826
|
border:1px solid var(--iui-color-background-5); }
|
|
4827
|
+
.iui-slider-thumb:focus-visible{
|
|
4828
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
4829
|
+
outline-offset:-1px; }
|
|
4830
|
+
@supports not selector(*:focus-visible){
|
|
4831
|
+
.iui-slider-thumb:focus{
|
|
4832
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
4833
|
+
outline-offset:-1px; } }
|
|
4805
4834
|
.iui-slider-thumb:active{
|
|
4806
4835
|
cursor:-webkit-grabbing;
|
|
4807
4836
|
cursor:grabbing; }
|
|
4808
|
-
.iui-slider-thumb:focus{
|
|
4809
|
-
outline:0;
|
|
4810
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
4811
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
4812
|
-
.iui-slider-thumb:focus:not(:focus-visible){
|
|
4813
|
-
box-shadow:none; }
|
|
4814
|
-
.iui-slider-thumb:focus-visible{
|
|
4815
|
-
outline:0;
|
|
4816
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
4817
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
4818
4837
|
|
|
4819
4838
|
.iui-slider-track{
|
|
4820
4839
|
pointer-events:none;
|
|
@@ -4876,16 +4895,13 @@ html.iui-theme-dark{
|
|
|
4876
4895
|
.iui-table-header .iui-row{
|
|
4877
4896
|
display:flex;
|
|
4878
4897
|
flex-grow:1; }
|
|
4879
|
-
.iui-table-header .iui-cell:not(.iui-slot):focus{
|
|
4880
|
-
outline:0;
|
|
4881
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
4882
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
4883
|
-
.iui-table-header .iui-cell:not(.iui-slot):focus:not(:focus-visible){
|
|
4884
|
-
box-shadow:none; }
|
|
4885
4898
|
.iui-table-header .iui-cell:not(.iui-slot):focus-visible{
|
|
4886
|
-
outline:
|
|
4887
|
-
|
|
4888
|
-
|
|
4899
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
4900
|
+
outline-offset:-1px; }
|
|
4901
|
+
@supports not selector(*:focus-visible){
|
|
4902
|
+
.iui-table-header .iui-cell:not(.iui-slot):focus{
|
|
4903
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
4904
|
+
outline-offset:-1px; } }
|
|
4889
4905
|
.iui-table-header .iui-cell:not(.iui-slot).iui-actionable{
|
|
4890
4906
|
cursor:pointer; }
|
|
4891
4907
|
.iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
|
|
@@ -4953,7 +4969,7 @@ html.iui-theme-dark{
|
|
|
4953
4969
|
scroll-snap-type:y mandatory; }
|
|
4954
4970
|
.iui-table-body.iui-scroll-snapping .iui-row{
|
|
4955
4971
|
scroll-snap-align:start none; }
|
|
4956
|
-
.iui-table-body.iui-zebra-striping
|
|
4972
|
+
.iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected){
|
|
4957
4973
|
background-color:rgba(0, 0, 0, 0.02);
|
|
4958
4974
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02); }
|
|
4959
4975
|
.iui-table-body .iui-row{
|
|
@@ -5201,25 +5217,6 @@ html.iui-theme-dark{
|
|
|
5201
5217
|
flex:2 1;
|
|
5202
5218
|
color:rgba(0, 0, 0, 0.8);
|
|
5203
5219
|
color:var(--iui-text-color); }
|
|
5204
|
-
.iui-paginator > .iui-center .iui-button-group{
|
|
5205
|
-
margin:0 8px; }
|
|
5206
|
-
.iui-paginator > .iui-center .iui-button-group > *{
|
|
5207
|
-
margin-right:0; }
|
|
5208
|
-
.iui-paginator > .iui-center .iui-button-group > * > .iui-button,
|
|
5209
|
-
.iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis{
|
|
5210
|
-
width:38px; }
|
|
5211
|
-
.iui-paginator > .iui-center .iui-button-group > * > .iui-button.iui-small,
|
|
5212
|
-
.iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis.iui-small{
|
|
5213
|
-
width:27px; }
|
|
5214
|
-
.iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis{
|
|
5215
|
-
display:flex;
|
|
5216
|
-
justify-content:center;
|
|
5217
|
-
align-items:center;
|
|
5218
|
-
color:rgba(0, 0, 0, 0.4);
|
|
5219
|
-
color:var(--iui-text-color-muted); }
|
|
5220
|
-
.iui-paginator > .iui-center .iui-button-group > * > .iui-active::after{
|
|
5221
|
-
top:auto;
|
|
5222
|
-
bottom:2px; }
|
|
5223
5220
|
.iui-paginator > .iui-right{
|
|
5224
5221
|
justify-content:flex-end; }
|
|
5225
5222
|
.iui-paginator-page-size-label{
|
|
@@ -5229,6 +5226,159 @@ html.iui-theme-dark{
|
|
|
5229
5226
|
overflow:hidden;
|
|
5230
5227
|
text-overflow:ellipsis; }
|
|
5231
5228
|
|
|
5229
|
+
.iui-paginator-ellipsis{
|
|
5230
|
+
display:flex;
|
|
5231
|
+
justify-content:center;
|
|
5232
|
+
align-items:center;
|
|
5233
|
+
width:38px;
|
|
5234
|
+
color:rgba(0, 0, 0, 0.4);
|
|
5235
|
+
color:var(--iui-text-color-muted); }
|
|
5236
|
+
.iui-paginator-ellipsis-small{
|
|
5237
|
+
width:27px; }
|
|
5238
|
+
|
|
5239
|
+
.iui-paginator-pages-group{
|
|
5240
|
+
display:inline-flex;
|
|
5241
|
+
align-items:center;
|
|
5242
|
+
isolation:isolate;
|
|
5243
|
+
margin:0 8px; }
|
|
5244
|
+
.iui-paginator-pages-group > *{
|
|
5245
|
+
display:flex; }
|
|
5246
|
+
.iui-paginator-pages-group > * input, .iui-paginator-pages-group > * button{
|
|
5247
|
+
position:relative;
|
|
5248
|
+
transition-duration:0ms; }
|
|
5249
|
+
.iui-paginator-pages-group > * input:hover, .iui-paginator-pages-group > * button:hover{
|
|
5250
|
+
z-index:1; }
|
|
5251
|
+
.iui-paginator-pages-group > * input:focus, .iui-paginator-pages-group > * button:focus{
|
|
5252
|
+
z-index:2; }
|
|
5253
|
+
.iui-paginator-pages-group > * input:focus:where(:not(:focus-visible):not(:hover)), .iui-paginator-pages-group > * button:focus:where(:not(:focus-visible):not(:hover)){
|
|
5254
|
+
z-index:revert; }
|
|
5255
|
+
.iui-paginator-pages-group > * input:disabled, .iui-paginator-pages-group > * button:disabled{
|
|
5256
|
+
z-index:-1; }
|
|
5257
|
+
.iui-paginator-pages-group > * input:hover, .iui-paginator-pages-group > * input:focus, .iui-paginator-pages-group > * button:hover, .iui-paginator-pages-group > * button:focus{
|
|
5258
|
+
transition-duration:0.2s; }
|
|
5259
|
+
.iui-paginator-pages-group > * input.iui-active::after, .iui-paginator-pages-group > * button.iui-active::after{
|
|
5260
|
+
content:'';
|
|
5261
|
+
position:absolute;
|
|
5262
|
+
height:2px;
|
|
5263
|
+
opacity:1;
|
|
5264
|
+
top:2px;
|
|
5265
|
+
left:2px;
|
|
5266
|
+
width:calc(100% - 4px);
|
|
5267
|
+
background-color:#008BE1;
|
|
5268
|
+
background-color:var(--iui-color-foreground-primary); }
|
|
5269
|
+
.iui-paginator-pages-group > * input.iui-active:disabled::after, .iui-paginator-pages-group > * button.iui-active:disabled::after{
|
|
5270
|
+
background-color:rgba(0, 0, 0, 0.2);
|
|
5271
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
5272
|
+
.iui-paginator-pages-group > * input:not(.iui-borderless), .iui-paginator-pages-group > * button:not(.iui-borderless){
|
|
5273
|
+
border-radius:0; }
|
|
5274
|
+
.iui-paginator-pages-group > *:first-child input, .iui-paginator-pages-group > *:first-child button:not(.iui-borderless){
|
|
5275
|
+
border-top-left-radius:3px;
|
|
5276
|
+
border-bottom-left-radius:3px; }
|
|
5277
|
+
.iui-paginator-pages-group > *:last-child input, .iui-paginator-pages-group > *:last-child button:not(.iui-borderless){
|
|
5278
|
+
border-top-right-radius:3px;
|
|
5279
|
+
border-bottom-right-radius:3px; }
|
|
5280
|
+
.iui-paginator-pages-group > * + *{
|
|
5281
|
+
margin-left:-1px; }
|
|
5282
|
+
.iui-paginator-pages-group > *:not(:first-child) .iui-default:disabled{
|
|
5283
|
+
border-left-color:#DCE0E3;
|
|
5284
|
+
border-left-color:var(--iui-color-background-4); }
|
|
5285
|
+
.iui-paginator-pages-group > * + *{
|
|
5286
|
+
margin-left:0; }
|
|
5287
|
+
.iui-paginator-pages-group button.iui-active::after{
|
|
5288
|
+
top:auto;
|
|
5289
|
+
bottom:2px; }
|
|
5290
|
+
|
|
5291
|
+
.iui-paginator-page-button{
|
|
5292
|
+
margin:0;
|
|
5293
|
+
padding:0;
|
|
5294
|
+
border:none;
|
|
5295
|
+
vertical-align:baseline;
|
|
5296
|
+
font-family:inherit;
|
|
5297
|
+
display:inline-flex;
|
|
5298
|
+
align-items:center;
|
|
5299
|
+
vertical-align:middle;
|
|
5300
|
+
justify-content:center;
|
|
5301
|
+
position:relative;
|
|
5302
|
+
box-sizing:border-box;
|
|
5303
|
+
border-radius:3px;
|
|
5304
|
+
line-height:22px;
|
|
5305
|
+
outline:none;
|
|
5306
|
+
box-shadow:none;
|
|
5307
|
+
font-size:14px;
|
|
5308
|
+
font-weight:400;
|
|
5309
|
+
text-decoration:none;
|
|
5310
|
+
-webkit-user-select:none;
|
|
5311
|
+
-moz-user-select:none;
|
|
5312
|
+
-ms-user-select:none;
|
|
5313
|
+
user-select:none;
|
|
5314
|
+
cursor:pointer;
|
|
5315
|
+
white-space:nowrap;
|
|
5316
|
+
border:1px solid transparent;
|
|
5317
|
+
color:rgba(0, 0, 0, 0.8);
|
|
5318
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
5319
|
+
border-color:transparent;
|
|
5320
|
+
background-color:transparent;
|
|
5321
|
+
padding:0 8px;
|
|
5322
|
+
height:38px;
|
|
5323
|
+
gap:8px;
|
|
5324
|
+
width:38px; }
|
|
5325
|
+
@media (prefers-reduced-motion: no-preference){
|
|
5326
|
+
.iui-paginator-page-button{
|
|
5327
|
+
transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } }
|
|
5328
|
+
.iui-paginator-page-button:hover{
|
|
5329
|
+
text-decoration:none;
|
|
5330
|
+
color:black;
|
|
5331
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
5332
|
+
.iui-paginator-page-button:focus-visible{
|
|
5333
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
5334
|
+
outline-offset:-1px; }
|
|
5335
|
+
@supports not selector(*:focus-visible){
|
|
5336
|
+
.iui-paginator-page-button:focus{
|
|
5337
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
5338
|
+
outline-offset:-1px; } }
|
|
5339
|
+
.iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
|
|
5340
|
+
cursor:not-allowed;
|
|
5341
|
+
background:#EEF0F3;
|
|
5342
|
+
border-color:#EEF0F3;
|
|
5343
|
+
color:rgba(0, 0, 0, 0.2);
|
|
5344
|
+
background:var(--iui-color-background-disabled);
|
|
5345
|
+
border-color:var(--iui-color-background-disabled);
|
|
5346
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
5347
|
+
.iui-paginator-page-button > .iui-button-icon:only-child{
|
|
5348
|
+
margin-left:3px;
|
|
5349
|
+
margin-right:3px; }
|
|
5350
|
+
.iui-paginator-page-button:hover{
|
|
5351
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
5352
|
+
border-color:transparent;
|
|
5353
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5354
|
+
border-color:transparent; }
|
|
5355
|
+
.iui-paginator-page-button.iui-active{
|
|
5356
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
5357
|
+
color:#008BE1;
|
|
5358
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5359
|
+
color:var(--iui-color-foreground-primary);
|
|
5360
|
+
border-color:transparent; }
|
|
5361
|
+
.iui-paginator-page-button[disabled], .iui-paginator-page-button:disabled{
|
|
5362
|
+
cursor:not-allowed;
|
|
5363
|
+
background:#EEF0F3;
|
|
5364
|
+
border-color:#EEF0F3;
|
|
5365
|
+
color:rgba(0, 0, 0, 0.2);
|
|
5366
|
+
background:var(--iui-color-background-disabled);
|
|
5367
|
+
border-color:var(--iui-color-background-disabled);
|
|
5368
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5369
|
+
background-color:transparent;
|
|
5370
|
+
border-color:transparent;
|
|
5371
|
+
background-color:transparent;
|
|
5372
|
+
border-color:transparent; }
|
|
5373
|
+
.iui-paginator-page-button[disabled].iui-active, .iui-paginator-page-button:disabled.iui-active{
|
|
5374
|
+
background-color:rgba(0, 0, 0, 0.05);
|
|
5375
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
5376
|
+
.iui-paginator-page-button-small{
|
|
5377
|
+
padding:0 8px;
|
|
5378
|
+
height:27px;
|
|
5379
|
+
gap:4px;
|
|
5380
|
+
width:27px; }
|
|
5381
|
+
|
|
5232
5382
|
.iui-column-filter{
|
|
5233
5383
|
margin:0;
|
|
5234
5384
|
padding:0;
|
|
@@ -5324,11 +5474,13 @@ html.iui-theme-dark{
|
|
|
5324
5474
|
.iui-tabs .iui-tab[disabled] .iui-tab-icon{
|
|
5325
5475
|
fill:rgba(0, 0, 0, 0.2);
|
|
5326
5476
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
5327
|
-
.iui-tabs .iui-tab:focus{
|
|
5477
|
+
.iui-tabs .iui-tab:focus-visible{
|
|
5328
5478
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
5329
5479
|
outline-offset:-1px; }
|
|
5330
|
-
|
|
5331
|
-
|
|
5480
|
+
@supports not selector(*:focus-visible){
|
|
5481
|
+
.iui-tabs .iui-tab:focus{
|
|
5482
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
5483
|
+
outline-offset:-1px; } }
|
|
5332
5484
|
.iui-tabs .iui-tab-icon{
|
|
5333
5485
|
width:16px;
|
|
5334
5486
|
height:16px;
|
|
@@ -5389,6 +5541,9 @@ html.iui-theme-dark{
|
|
|
5389
5541
|
.iui-tabs.iui-default .iui-tab[disabled]{
|
|
5390
5542
|
background-color:#EEF0F3;
|
|
5391
5543
|
background-color:var(--iui-color-background-3); }
|
|
5544
|
+
.iui-tabs.iui-default .iui-tab:focus{
|
|
5545
|
+
outline-width:2px;
|
|
5546
|
+
outline-offset:-2px; }
|
|
5392
5547
|
.iui-horizontal .iui-tabs.iui-default .iui-tab.iui-active{
|
|
5393
5548
|
border-bottom-color:transparent; }
|
|
5394
5549
|
.iui-horizontal .iui-tabs.iui-default :not(:first-child) .iui-tab{
|
|
@@ -5519,16 +5674,13 @@ html.iui-theme-dark{
|
|
|
5519
5674
|
user-select:all;
|
|
5520
5675
|
text-transform:lowercase;
|
|
5521
5676
|
display:inline-flex; }
|
|
5522
|
-
.iui-tag:focus{
|
|
5523
|
-
outline:0;
|
|
5524
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
5525
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
5526
|
-
.iui-tag:focus:not(:focus-visible){
|
|
5527
|
-
box-shadow:none; }
|
|
5528
5677
|
.iui-tag:focus-visible{
|
|
5529
|
-
outline:
|
|
5530
|
-
|
|
5531
|
-
|
|
5678
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
5679
|
+
outline-offset:-2px; }
|
|
5680
|
+
@supports not selector(*:focus-visible){
|
|
5681
|
+
.iui-tag:focus{
|
|
5682
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
5683
|
+
outline-offset:-2px; } }
|
|
5532
5684
|
.iui-tag:not(a){
|
|
5533
5685
|
color:rgba(0, 0, 0, 0.4);
|
|
5534
5686
|
color:var(--iui-text-color-muted); }
|
|
@@ -5570,22 +5722,22 @@ html.iui-theme-dark{
|
|
|
5570
5722
|
.iui-tag:not(.iui-basic):hover{
|
|
5571
5723
|
border-color:black;
|
|
5572
5724
|
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
5725
|
+
.iui-tag.iui-basic{
|
|
5726
|
+
outline-offset:1px; }
|
|
5573
5727
|
|
|
5574
5728
|
a.iui-tag{
|
|
5729
|
+
border-radius:3px;
|
|
5575
5730
|
text-decoration:none;
|
|
5576
5731
|
cursor:pointer;
|
|
5577
5732
|
color:#008BE1;
|
|
5578
5733
|
color:var(--iui-color-foreground-primary); }
|
|
5579
|
-
a.iui-tag:focus{
|
|
5580
|
-
outline:0;
|
|
5581
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
5582
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
5583
|
-
a.iui-tag:focus:not(:focus-visible){
|
|
5584
|
-
box-shadow:none; }
|
|
5585
5734
|
a.iui-tag:focus-visible{
|
|
5586
|
-
outline:
|
|
5587
|
-
|
|
5588
|
-
|
|
5735
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
5736
|
+
outline-offset:2px; }
|
|
5737
|
+
@supports not selector(*:focus-visible){
|
|
5738
|
+
a.iui-tag:focus{
|
|
5739
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
5740
|
+
outline-offset:2px; } }
|
|
5589
5741
|
a.iui-tag:hover{
|
|
5590
5742
|
color:#006bae;
|
|
5591
5743
|
color:var(--iui-color-foreground-primary-overlay);
|
|
@@ -5594,6 +5746,8 @@ a.iui-tag{
|
|
|
5594
5746
|
.iui-tag-container{
|
|
5595
5747
|
color:rgba(0, 0, 0, 0.4);
|
|
5596
5748
|
color:var(--iui-text-color-muted); }
|
|
5749
|
+
.iui-tag-container > a.iui-basic{
|
|
5750
|
+
margin:2px; }
|
|
5597
5751
|
.iui-tag-container > .iui-tag:not(:last-child){
|
|
5598
5752
|
margin-right:4px; }
|
|
5599
5753
|
.iui-tag-container > .iui-basic:not(:last-child)::after{
|
|
@@ -5725,340 +5879,366 @@ a.iui-tag{
|
|
|
5725
5879
|
color:rgba(0, 0, 0, 0.8);
|
|
5726
5880
|
background-color:var(--iui-color-background-1);
|
|
5727
5881
|
color:var(--iui-text-color); }
|
|
5728
|
-
.iui-tile .iui-
|
|
5729
|
-
width:100%;
|
|
5730
|
-
height:154px;
|
|
5731
|
-
flex-shrink:0;
|
|
5732
|
-
overflow:hidden;
|
|
5733
|
-
position:relative;
|
|
5734
|
-
display:flex;
|
|
5735
|
-
align-items:center;
|
|
5736
|
-
justify-content:center;
|
|
5737
|
-
background-color:#f2f2f2;
|
|
5738
|
-
border-bottom:1px solid #DCE0E3;
|
|
5739
|
-
background-color:var(--iui-color-background-1-overlay);
|
|
5740
|
-
border-bottom:1px solid var(--iui-color-background-4); }
|
|
5741
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator,
|
|
5742
|
-
.iui-tile .iui-thumbnail > .iui-quick-action{
|
|
5743
|
-
border-color:transparent;
|
|
5744
|
-
background-color:transparent;
|
|
5745
|
-
padding:0 8px;
|
|
5746
|
-
height:38px;
|
|
5747
|
-
gap:8px;
|
|
5748
|
-
padding:0 2px;
|
|
5749
|
-
height:27px;
|
|
5750
|
-
gap:4px;
|
|
5751
|
-
position:absolute;
|
|
5752
|
-
border-radius:50%;
|
|
5753
|
-
top:6px; }
|
|
5754
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child,
|
|
5755
|
-
.iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{
|
|
5756
|
-
margin-left:3px;
|
|
5757
|
-
margin-right:3px; }
|
|
5758
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator:focus,
|
|
5759
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:focus{
|
|
5760
|
-
background-color:rgba(0, 0, 0, 0.1);
|
|
5761
|
-
border-color:transparent;
|
|
5762
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5763
|
-
border-color:transparent; }
|
|
5764
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)),
|
|
5765
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)){
|
|
5766
|
-
border-color:transparent;
|
|
5767
|
-
background-color:transparent; }
|
|
5768
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child,
|
|
5769
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
|
|
5770
|
-
margin-left:3px;
|
|
5771
|
-
margin-right:3px; }
|
|
5772
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator:hover,
|
|
5773
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:hover{
|
|
5774
|
-
background-color:rgba(0, 0, 0, 0.1);
|
|
5775
|
-
border-color:transparent;
|
|
5776
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5777
|
-
border-color:transparent; }
|
|
5778
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator.iui-active,
|
|
5779
|
-
.iui-tile .iui-thumbnail > .iui-quick-action.iui-active{
|
|
5780
|
-
background-color:rgba(0, 139, 225, 0.1);
|
|
5781
|
-
color:#008BE1;
|
|
5782
|
-
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5783
|
-
color:var(--iui-color-foreground-primary);
|
|
5784
|
-
border-color:transparent; }
|
|
5785
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled,
|
|
5786
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled],
|
|
5787
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:disabled{
|
|
5788
|
-
cursor:not-allowed;
|
|
5789
|
-
background:#EEF0F3;
|
|
5790
|
-
border-color:#EEF0F3;
|
|
5791
|
-
color:rgba(0, 0, 0, 0.2);
|
|
5792
|
-
background:var(--iui-color-background-disabled);
|
|
5793
|
-
border-color:var(--iui-color-background-disabled);
|
|
5794
|
-
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5795
|
-
background-color:transparent;
|
|
5796
|
-
border-color:transparent;
|
|
5797
|
-
background-color:transparent;
|
|
5798
|
-
border-color:transparent; }
|
|
5799
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active,
|
|
5800
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active,
|
|
5801
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{
|
|
5802
|
-
background-color:rgba(0, 0, 0, 0.05);
|
|
5803
|
-
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
5804
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator{
|
|
5805
|
-
left:8px; }
|
|
5806
|
-
.iui-tile .iui-thumbnail > .iui-quick-action{
|
|
5807
|
-
right:8px; }
|
|
5808
|
-
.iui-tile .iui-thumbnail > .iui-badge-container{
|
|
5809
|
-
position:absolute;
|
|
5810
|
-
bottom:6px;
|
|
5811
|
-
width:calc(100% - 2 * 12px);
|
|
5812
|
-
height:auto;
|
|
5813
|
-
right:12px;
|
|
5814
|
-
display:flex;
|
|
5815
|
-
justify-content:flex-end;
|
|
5816
|
-
overflow:hidden; }
|
|
5817
|
-
.iui-tile .iui-thumbnail > .iui-badge-container > .iui-badge:not(:last-child){
|
|
5818
|
-
margin-right:4px; }
|
|
5819
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon{
|
|
5820
|
-
fill:rgba(0, 0, 0, 0.4);
|
|
5821
|
-
fill:var(--iui-icons-color);
|
|
5822
|
-
display:inline-flex;
|
|
5823
|
-
width:64px;
|
|
5824
|
-
height:64px; }
|
|
5825
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-informational{
|
|
5826
|
-
fill:#008BE1;
|
|
5827
|
-
fill:var(--iui-icons-color-primary); }
|
|
5828
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-positive{
|
|
5829
|
-
fill:#53A21A;
|
|
5830
|
-
fill:var(--iui-icons-color-positive); }
|
|
5831
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-warning{
|
|
5832
|
-
fill:#F18B12;
|
|
5833
|
-
fill:var(--iui-icons-color-warning); }
|
|
5834
|
-
.iui-tile .iui-thumbnail .iui-thumbnail-icon.iui-negative{
|
|
5835
|
-
fill:#D30A0A;
|
|
5836
|
-
fill:var(--iui-icons-color-negative); }
|
|
5837
|
-
.iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{
|
|
5838
|
-
z-index:1;
|
|
5839
|
-
cursor:pointer;
|
|
5840
|
-
fill:rgba(255, 255, 255, 0.6);
|
|
5841
|
-
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2));
|
|
5842
|
-
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3));
|
|
5843
|
-
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5))); }
|
|
5844
|
-
@media (prefers-reduced-motion: no-preference){
|
|
5845
|
-
.iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon{
|
|
5846
|
-
transition:fill 0.2s ease; } }
|
|
5847
|
-
.iui-tile .iui-thumbnail > .iui-picture ~ .iui-thumbnail-icon:hover{
|
|
5848
|
-
fill:rgba(255, 255, 255, 0.8);
|
|
5849
|
-
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2)); }
|
|
5850
|
-
.iui-tile .iui-thumbnail > .iui-picture{
|
|
5851
|
-
width:100%;
|
|
5852
|
-
height:100%;
|
|
5853
|
-
position:absolute;
|
|
5854
|
-
top:0;
|
|
5855
|
-
left:0; }
|
|
5856
|
-
@media (prefers-reduced-motion: no-preference){
|
|
5857
|
-
.iui-tile .iui-thumbnail > .iui-picture{
|
|
5858
|
-
transition:transform 0.4s ease; } }
|
|
5859
|
-
div.iui-tile .iui-thumbnail > .iui-picture{
|
|
5860
|
-
background-position:center;
|
|
5861
|
-
background-size:cover; }
|
|
5862
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button,
|
|
5863
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{
|
|
5864
|
-
background-color:rgba(0, 0, 0, 0.4);
|
|
5865
|
-
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
5866
|
-
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
|
|
5867
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button,
|
|
5868
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button{
|
|
5869
|
-
background-color:rgba(0, 0, 0, 0.2);
|
|
5870
|
-
-webkit-backdrop-filter:blur(5px);
|
|
5871
|
-
backdrop-filter:blur(5px);
|
|
5872
|
-
background-color:rgba(0, 0, 0, var(--iui-opacity-5));
|
|
5873
|
-
backdrop-filter:blur(5px); } }
|
|
5874
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon,
|
|
5875
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{
|
|
5876
|
-
fill:#FFF;
|
|
5877
|
-
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
|
|
5878
|
-
fill:var(--iui-color-foreground-accessory);
|
|
5879
|
-
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5))); }
|
|
5880
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active,
|
|
5881
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover,
|
|
5882
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled,
|
|
5883
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover,
|
|
5884
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{
|
|
5885
|
-
background-color:rgba(0, 0, 0, 0.4);
|
|
5886
|
-
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
5887
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover .iui-button-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active .iui-button-icon,
|
|
5888
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon,
|
|
5889
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon,
|
|
5890
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon,
|
|
5891
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{
|
|
5892
|
-
fill:#FFF;
|
|
5893
|
-
fill:var(--iui-color-foreground-accessory); }
|
|
5894
|
-
.iui-tile > .iui-content{
|
|
5895
|
-
padding:11px 12px;
|
|
5896
|
-
position:relative;
|
|
5897
|
-
display:flex;
|
|
5898
|
-
flex-direction:column;
|
|
5899
|
-
flex-grow:2;
|
|
5900
|
-
min-width:0; }
|
|
5901
|
-
.iui-tile > .iui-content > .iui-name{
|
|
5902
|
-
display:flex;
|
|
5903
|
-
flex-shrink:0;
|
|
5904
|
-
align-items:center;
|
|
5905
|
-
font-size:16px;
|
|
5906
|
-
-webkit-user-select:all;
|
|
5907
|
-
-moz-user-select:all;
|
|
5908
|
-
user-select:all;
|
|
5909
|
-
margin-bottom:5.5px;
|
|
5910
|
-
color:rgba(0, 0, 0, 0.8);
|
|
5911
|
-
color:var(--iui-text-color); }
|
|
5912
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon{
|
|
5913
|
-
fill:rgba(0, 0, 0, 0.4);
|
|
5914
|
-
fill:var(--iui-icons-color);
|
|
5915
|
-
display:inline-flex;
|
|
5916
|
-
width:16px;
|
|
5917
|
-
height:16px;
|
|
5918
|
-
margin-right:8px;
|
|
5919
|
-
flex-shrink:0; }
|
|
5920
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-informational{
|
|
5921
|
-
fill:#008BE1;
|
|
5922
|
-
fill:var(--iui-icons-color-primary); }
|
|
5923
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-positive{
|
|
5924
|
-
fill:#53A21A;
|
|
5925
|
-
fill:var(--iui-icons-color-positive); }
|
|
5926
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-warning{
|
|
5927
|
-
fill:#F18B12;
|
|
5928
|
-
fill:var(--iui-icons-color-warning); }
|
|
5929
|
-
.iui-tile > .iui-content > .iui-name .iui-tile-status-icon.iui-negative{
|
|
5930
|
-
fill:#D30A0A;
|
|
5931
|
-
fill:var(--iui-icons-color-negative); }
|
|
5932
|
-
.iui-tile > .iui-content > .iui-name > .iui-name-label{
|
|
5933
|
-
overflow:hidden;
|
|
5934
|
-
white-space:nowrap;
|
|
5935
|
-
text-overflow:ellipsis; }
|
|
5936
|
-
.iui-tile > .iui-content > .iui-description{
|
|
5937
|
-
margin-bottom:11px;
|
|
5938
|
-
font-size:14px;
|
|
5939
|
-
height:100%;
|
|
5940
|
-
max-height:66px;
|
|
5941
|
-
overflow:hidden;
|
|
5942
|
-
white-space:nowrap;
|
|
5943
|
-
text-overflow:ellipsis;
|
|
5944
|
-
color:rgba(0, 0, 0, 0.4);
|
|
5945
|
-
color:var(--iui-text-color-muted); }
|
|
5946
|
-
@supports (-webkit-line-clamp: 1){
|
|
5947
|
-
.iui-tile > .iui-content > .iui-description{
|
|
5948
|
-
white-space:unset;
|
|
5949
|
-
display:-webkit-box;
|
|
5950
|
-
-webkit-line-clamp:3;
|
|
5951
|
-
-webkit-box-orient:vertical; } }
|
|
5952
|
-
.iui-tile > .iui-content > .iui-metadata{
|
|
5953
|
-
font-size:12px;
|
|
5954
|
-
flex-shrink:0;
|
|
5955
|
-
overflow:hidden;
|
|
5956
|
-
text-overflow:ellipsis;
|
|
5957
|
-
height:22px;
|
|
5958
|
-
width:100%;
|
|
5959
|
-
display:flex;
|
|
5960
|
-
align-items:center;
|
|
5961
|
-
margin-top:auto;
|
|
5962
|
-
color:rgba(0, 0, 0, 0.4);
|
|
5963
|
-
color:var(--iui-text-color-muted); }
|
|
5964
|
-
.iui-tile > .iui-content > .iui-metadata > svg,
|
|
5965
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon{
|
|
5966
|
-
fill:rgba(0, 0, 0, 0.4);
|
|
5967
|
-
fill:var(--iui-icons-color);
|
|
5968
|
-
display:inline-flex;
|
|
5969
|
-
width:16px;
|
|
5970
|
-
height:16px;
|
|
5971
|
-
margin-right:8px;
|
|
5972
|
-
flex-shrink:0; }
|
|
5973
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-informational,
|
|
5974
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-informational{
|
|
5975
|
-
fill:#008BE1;
|
|
5976
|
-
fill:var(--iui-icons-color-primary); }
|
|
5977
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-positive,
|
|
5978
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-positive{
|
|
5979
|
-
fill:#53A21A;
|
|
5980
|
-
fill:var(--iui-icons-color-positive); }
|
|
5981
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-warning,
|
|
5982
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-warning{
|
|
5983
|
-
fill:#F18B12;
|
|
5984
|
-
fill:var(--iui-icons-color-warning); }
|
|
5985
|
-
.iui-tile > .iui-content > .iui-metadata > svg.iui-negative,
|
|
5986
|
-
.iui-tile > .iui-content > .iui-metadata .iui-metadata-icon.iui-negative{
|
|
5987
|
-
fill:#D30A0A;
|
|
5988
|
-
fill:var(--iui-icons-color-negative); }
|
|
5989
|
-
.iui-tile > .iui-content > .iui-metadata > *{
|
|
5990
|
-
white-space:nowrap;
|
|
5991
|
-
overflow:hidden;
|
|
5992
|
-
text-overflow:ellipsis; }
|
|
5993
|
-
.iui-tile > .iui-content > .iui-more-options{
|
|
5994
|
-
padding:0 2px;
|
|
5995
|
-
height:27px;
|
|
5996
|
-
gap:4px;
|
|
5997
|
-
position:absolute;
|
|
5998
|
-
bottom:5.5px;
|
|
5999
|
-
right:8px;
|
|
6000
|
-
visibility:hidden; }
|
|
6001
|
-
.iui-tile > .iui-content > .iui-more-options.iui-visible{
|
|
6002
|
-
visibility:visible; }
|
|
6003
|
-
.iui-tile .iui-tile-buttons{
|
|
6004
|
-
display:flex;
|
|
6005
|
-
flex-shrink:0;
|
|
6006
|
-
-webkit-user-select:none;
|
|
6007
|
-
-moz-user-select:none;
|
|
6008
|
-
-ms-user-select:none;
|
|
6009
|
-
user-select:none;
|
|
6010
|
-
white-space:nowrap; }
|
|
6011
|
-
.iui-tile .iui-tile-buttons > .iui-button{
|
|
6012
|
-
font-size:14px;
|
|
6013
|
-
flex:1;
|
|
6014
|
-
height:auto;
|
|
6015
|
-
padding:11px 12px;
|
|
6016
|
-
overflow:hidden;
|
|
6017
|
-
white-space:nowrap;
|
|
6018
|
-
text-overflow:ellipsis;
|
|
6019
|
-
text-align:center;
|
|
6020
|
-
margin:0;
|
|
6021
|
-
border:initial;
|
|
6022
|
-
border-radius:0; }
|
|
6023
|
-
.iui-tile .iui-tile-buttons > .iui-button, .iui-tile .iui-tile-buttons > .iui-button:hover{
|
|
6024
|
-
border-top:1px solid #DCE0E3;
|
|
6025
|
-
border-top:1px solid var(--iui-color-background-4); }
|
|
6026
|
-
.iui-tile .iui-tile-buttons > button:not(:last-child){
|
|
6027
|
-
border-right:1px solid #DCE0E3;
|
|
6028
|
-
border-right:1px solid var(--iui-color-background-4); }
|
|
6029
|
-
.iui-tile:hover .iui-metadata:not(:last-child), .iui-tile:focus-within .iui-metadata:not(:last-child){
|
|
5882
|
+
.iui-tile:hover .iui-tile-metadata:not(:last-child), .iui-tile:focus-within .iui-tile-metadata:not(:last-child){
|
|
6030
5883
|
width:calc(100% - 32px); }
|
|
6031
|
-
.iui-tile:hover .iui-more-options, .iui-tile:focus-within .iui-more-options{
|
|
5884
|
+
.iui-tile:hover .iui-tile-more-options, .iui-tile:focus-within .iui-tile-more-options{
|
|
6032
5885
|
visibility:visible; }
|
|
6033
|
-
.iui-tile:hover .iui-picture, .iui-tile:focus-within .iui-picture{
|
|
5886
|
+
.iui-tile:hover .iui-tile-thumbnail-picture, .iui-tile:focus-within .iui-tile-thumbnail-picture{
|
|
6034
5887
|
transform:translateZ(0) scale(1.1); }
|
|
6035
|
-
.iui-tile.iui-new .iui-name,
|
|
6036
|
-
.iui-tile.iui-new .iui-description{
|
|
5888
|
+
.iui-tile.iui-new .iui-tile-name,
|
|
5889
|
+
.iui-tile.iui-new .iui-tile-description{
|
|
6037
5890
|
font-weight:600; }
|
|
6038
5891
|
.iui-tile.iui-selected{
|
|
6039
5892
|
outline:solid 2px #008BE1;
|
|
6040
5893
|
background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
|
|
6041
5894
|
outline:solid 2px var(--iui-color-foreground-primary);
|
|
6042
5895
|
background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1)); }
|
|
6043
|
-
.iui-tile.iui-selected .iui-picture{
|
|
5896
|
+
.iui-tile.iui-selected .iui-tile-thumbnail-picture{
|
|
6044
5897
|
transform:translateZ(0) scale(1.1); }
|
|
6045
5898
|
.iui-tile.iui-folder{
|
|
6046
5899
|
display:inline-flex;
|
|
6047
5900
|
flex-direction:row;
|
|
6048
5901
|
flex-wrap:nowrap; }
|
|
6049
|
-
.iui-tile.iui-folder
|
|
5902
|
+
.iui-tile.iui-folder .iui-tile-thumbnail{
|
|
6050
5903
|
height:110px;
|
|
6051
5904
|
flex:1;
|
|
6052
5905
|
border-bottom:none;
|
|
6053
5906
|
border-right:1px solid #DCE0E3;
|
|
6054
5907
|
border-right:1px solid var(--iui-color-background-4); }
|
|
6055
|
-
.iui-tile.iui-folder
|
|
5908
|
+
.iui-tile.iui-folder .iui-tile-content{
|
|
6056
5909
|
flex:2; }
|
|
6057
|
-
|
|
6058
|
-
|
|
6059
|
-
|
|
6060
|
-
|
|
6061
|
-
|
|
5910
|
+
.iui-tile.iui-folder .iui-tile-description{
|
|
5911
|
+
height:100%;
|
|
5912
|
+
max-height:44px;
|
|
5913
|
+
margin-bottom:0;
|
|
5914
|
+
-webkit-line-clamp:2; }
|
|
5915
|
+
|
|
5916
|
+
.iui-tile-thumbnail-type-indicator{
|
|
5917
|
+
border-color:transparent;
|
|
5918
|
+
background-color:transparent;
|
|
5919
|
+
padding:0 8px;
|
|
5920
|
+
height:38px;
|
|
5921
|
+
gap:8px;
|
|
5922
|
+
padding:0 2px;
|
|
5923
|
+
height:27px;
|
|
5924
|
+
gap:4px;
|
|
5925
|
+
position:absolute;
|
|
5926
|
+
border-radius:50%;
|
|
5927
|
+
top:6px;
|
|
5928
|
+
left:8px; }
|
|
5929
|
+
.iui-tile-thumbnail-type-indicator > .iui-button-icon:only-child{
|
|
5930
|
+
margin-left:3px;
|
|
5931
|
+
margin-right:3px; }
|
|
5932
|
+
.iui-tile-thumbnail-type-indicator:hover{
|
|
5933
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
5934
|
+
border-color:transparent;
|
|
5935
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5936
|
+
border-color:transparent; }
|
|
5937
|
+
.iui-tile-thumbnail-type-indicator.iui-active{
|
|
5938
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
5939
|
+
color:#008BE1;
|
|
5940
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5941
|
+
color:var(--iui-color-foreground-primary);
|
|
5942
|
+
border-color:transparent; }
|
|
5943
|
+
.iui-tile-thumbnail-type-indicator[disabled], .iui-tile-thumbnail-type-indicator:disabled{
|
|
5944
|
+
cursor:not-allowed;
|
|
5945
|
+
background:#EEF0F3;
|
|
5946
|
+
border-color:#EEF0F3;
|
|
5947
|
+
color:rgba(0, 0, 0, 0.2);
|
|
5948
|
+
background:var(--iui-color-background-disabled);
|
|
5949
|
+
border-color:var(--iui-color-background-disabled);
|
|
5950
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5951
|
+
background-color:transparent;
|
|
5952
|
+
border-color:transparent;
|
|
5953
|
+
background-color:transparent;
|
|
5954
|
+
border-color:transparent; }
|
|
5955
|
+
.iui-tile-thumbnail-type-indicator[disabled].iui-active, .iui-tile-thumbnail-type-indicator:disabled.iui-active{
|
|
5956
|
+
background-color:rgba(0, 0, 0, 0.05);
|
|
5957
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
5958
|
+
|
|
5959
|
+
.iui-tile-thumbnail-quick-action{
|
|
5960
|
+
border-color:transparent;
|
|
5961
|
+
background-color:transparent;
|
|
5962
|
+
padding:0 8px;
|
|
5963
|
+
height:38px;
|
|
5964
|
+
gap:8px;
|
|
5965
|
+
padding:0 2px;
|
|
5966
|
+
height:27px;
|
|
5967
|
+
gap:4px;
|
|
5968
|
+
position:absolute;
|
|
5969
|
+
border-radius:50%;
|
|
5970
|
+
top:6px;
|
|
5971
|
+
right:8px; }
|
|
5972
|
+
.iui-tile-thumbnail-quick-action > .iui-button-icon:only-child{
|
|
5973
|
+
margin-left:3px;
|
|
5974
|
+
margin-right:3px; }
|
|
5975
|
+
.iui-tile-thumbnail-quick-action:hover{
|
|
5976
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
5977
|
+
border-color:transparent;
|
|
5978
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5979
|
+
border-color:transparent; }
|
|
5980
|
+
.iui-tile-thumbnail-quick-action.iui-active{
|
|
5981
|
+
background-color:rgba(0, 139, 225, 0.1);
|
|
5982
|
+
color:#008BE1;
|
|
5983
|
+
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5984
|
+
color:var(--iui-color-foreground-primary);
|
|
5985
|
+
border-color:transparent; }
|
|
5986
|
+
.iui-tile-thumbnail-quick-action[disabled], .iui-tile-thumbnail-quick-action:disabled{
|
|
5987
|
+
cursor:not-allowed;
|
|
5988
|
+
background:#EEF0F3;
|
|
5989
|
+
border-color:#EEF0F3;
|
|
5990
|
+
color:rgba(0, 0, 0, 0.2);
|
|
5991
|
+
background:var(--iui-color-background-disabled);
|
|
5992
|
+
border-color:var(--iui-color-background-disabled);
|
|
5993
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5994
|
+
background-color:transparent;
|
|
5995
|
+
border-color:transparent;
|
|
5996
|
+
background-color:transparent;
|
|
5997
|
+
border-color:transparent; }
|
|
5998
|
+
.iui-tile-thumbnail-quick-action[disabled].iui-active, .iui-tile-thumbnail-quick-action:disabled.iui-active{
|
|
5999
|
+
background-color:rgba(0, 0, 0, 0.05);
|
|
6000
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
6001
|
+
|
|
6002
|
+
.iui-tile-thumbnail-badge-container{
|
|
6003
|
+
position:absolute;
|
|
6004
|
+
bottom:6px;
|
|
6005
|
+
width:calc(100% - 2 * 12px);
|
|
6006
|
+
height:auto;
|
|
6007
|
+
right:12px;
|
|
6008
|
+
display:flex;
|
|
6009
|
+
justify-content:flex-end;
|
|
6010
|
+
overflow:hidden; }
|
|
6011
|
+
.iui-tile-thumbnail-badge-container > .iui-badge:not(:last-child){
|
|
6012
|
+
margin-right:4px; }
|
|
6013
|
+
|
|
6014
|
+
.iui-tile-buttons{
|
|
6015
|
+
display:flex;
|
|
6016
|
+
flex-shrink:0;
|
|
6017
|
+
-webkit-user-select:none;
|
|
6018
|
+
-moz-user-select:none;
|
|
6019
|
+
-ms-user-select:none;
|
|
6020
|
+
user-select:none;
|
|
6021
|
+
white-space:nowrap; }
|
|
6022
|
+
.iui-tile-buttons > .iui-button{
|
|
6023
|
+
font-size:14px;
|
|
6024
|
+
flex:1;
|
|
6025
|
+
height:auto;
|
|
6026
|
+
padding:11px 12px;
|
|
6027
|
+
overflow:hidden;
|
|
6028
|
+
white-space:nowrap;
|
|
6029
|
+
text-overflow:ellipsis;
|
|
6030
|
+
text-align:center;
|
|
6031
|
+
margin:0;
|
|
6032
|
+
border:initial;
|
|
6033
|
+
border-radius:0; }
|
|
6034
|
+
.iui-tile-buttons > .iui-button, .iui-tile-buttons > .iui-button:hover{
|
|
6035
|
+
border-top:1px solid #DCE0E3;
|
|
6036
|
+
border-color:#DCE0E3;
|
|
6037
|
+
border-top:1px solid var(--iui-color-background-4);
|
|
6038
|
+
border-color:var(--iui-color-background-4); }
|
|
6039
|
+
.iui-tile-buttons > button:not(:last-child){
|
|
6040
|
+
border-right:1px solid #DCE0E3;
|
|
6041
|
+
border-right:1px solid var(--iui-color-background-4); }
|
|
6042
|
+
|
|
6043
|
+
.iui-tile-thumbnail{
|
|
6044
|
+
width:100%;
|
|
6045
|
+
height:154px;
|
|
6046
|
+
flex-shrink:0;
|
|
6047
|
+
overflow:hidden;
|
|
6048
|
+
position:relative;
|
|
6049
|
+
display:flex;
|
|
6050
|
+
align-items:center;
|
|
6051
|
+
justify-content:center;
|
|
6052
|
+
background-color:#f2f2f2;
|
|
6053
|
+
border-bottom:1px solid #DCE0E3;
|
|
6054
|
+
background-color:var(--iui-color-background-1-overlay);
|
|
6055
|
+
border-bottom:1px solid var(--iui-color-background-4); }
|
|
6056
|
+
.iui-tile-thumbnail .iui-thumbnail-icon{
|
|
6057
|
+
fill:rgba(0, 0, 0, 0.4);
|
|
6058
|
+
fill:var(--iui-icons-color);
|
|
6059
|
+
display:inline-flex;
|
|
6060
|
+
width:64px;
|
|
6061
|
+
height:64px; }
|
|
6062
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-informational{
|
|
6063
|
+
fill:#008BE1;
|
|
6064
|
+
fill:var(--iui-icons-color-primary); }
|
|
6065
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-positive{
|
|
6066
|
+
fill:#53A21A;
|
|
6067
|
+
fill:var(--iui-icons-color-positive); }
|
|
6068
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-warning{
|
|
6069
|
+
fill:#F18B12;
|
|
6070
|
+
fill:var(--iui-icons-color-warning); }
|
|
6071
|
+
.iui-tile-thumbnail .iui-thumbnail-icon.iui-negative{
|
|
6072
|
+
fill:#D30A0A;
|
|
6073
|
+
fill:var(--iui-icons-color-negative); }
|
|
6074
|
+
|
|
6075
|
+
.iui-tile-thumbnail-picture{
|
|
6076
|
+
width:100%;
|
|
6077
|
+
height:100%;
|
|
6078
|
+
position:absolute;
|
|
6079
|
+
top:0;
|
|
6080
|
+
left:0; }
|
|
6081
|
+
@media (prefers-reduced-motion: no-preference){
|
|
6082
|
+
.iui-tile-thumbnail-picture{
|
|
6083
|
+
transition:transform 0.4s ease; } }
|
|
6084
|
+
div.iui-tile-thumbnail-picture{
|
|
6085
|
+
background-position:center;
|
|
6086
|
+
background-size:cover; }
|
|
6087
|
+
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
|
|
6088
|
+
z-index:1;
|
|
6089
|
+
cursor:pointer;
|
|
6090
|
+
fill:rgba(255, 255, 255, 0.6);
|
|
6091
|
+
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, 0.2));
|
|
6092
|
+
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-3));
|
|
6093
|
+
filter:drop-shadow(0 2px 1px rgba(0, 1, 5, var(--iui-opacity-5))); }
|
|
6094
|
+
@media (prefers-reduced-motion: no-preference){
|
|
6095
|
+
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon{
|
|
6096
|
+
transition:fill 0.2s ease; } }
|
|
6097
|
+
.iui-tile-thumbnail-picture ~ .iui-thumbnail-icon:hover{
|
|
6098
|
+
fill:rgba(255, 255, 255, 0.8);
|
|
6099
|
+
fill:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-2)); }
|
|
6100
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
|
|
6101
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
|
|
6102
|
+
background-color:rgba(0, 0, 0, 0.4);
|
|
6103
|
+
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
6104
|
+
@supports ((-webkit-backdrop-filter: blur(5px)) or (backdrop-filter: blur(5px))){
|
|
6105
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator,
|
|
6106
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action{
|
|
6107
|
+
background-color:rgba(0, 0, 0, 0.2);
|
|
6108
|
+
-webkit-backdrop-filter:blur(5px);
|
|
6109
|
+
backdrop-filter:blur(5px);
|
|
6110
|
+
background-color:rgba(0, 0, 0, var(--iui-opacity-5));
|
|
6111
|
+
backdrop-filter:blur(5px); } }
|
|
6112
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator > .iui-button-icon,
|
|
6113
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action > .iui-button-icon{
|
|
6114
|
+
fill:#FFF;
|
|
6115
|
+
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
|
|
6116
|
+
fill:var(--iui-color-foreground-accessory);
|
|
6117
|
+
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, var(--iui-opacity-5))); }
|
|
6118
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active,
|
|
6119
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover,
|
|
6120
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled,
|
|
6121
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover,
|
|
6122
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active{
|
|
6123
|
+
background-color:rgba(0, 0, 0, 0.4);
|
|
6124
|
+
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
6125
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:enabled:hover .iui-button-icon, .iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-type-indicator.iui-active:active .iui-button-icon,
|
|
6126
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action:hover .iui-button-icon,
|
|
6127
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled .iui-button-icon,
|
|
6128
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:enabled:hover .iui-button-icon,
|
|
6129
|
+
.iui-tile-thumbnail-picture ~ .iui-tile-thumbnail-quick-action.iui-active:active .iui-button-icon{
|
|
6130
|
+
fill:#FFF;
|
|
6131
|
+
fill:var(--iui-color-foreground-accessory); }
|
|
6132
|
+
|
|
6133
|
+
.iui-tile-content{
|
|
6134
|
+
padding:11px 12px;
|
|
6135
|
+
position:relative;
|
|
6136
|
+
display:flex;
|
|
6137
|
+
flex-direction:column;
|
|
6138
|
+
flex-grow:2;
|
|
6139
|
+
min-width:0; }
|
|
6140
|
+
.iui-tile-content .iui-tile-name{
|
|
6141
|
+
display:flex;
|
|
6142
|
+
flex-shrink:0;
|
|
6143
|
+
align-items:center;
|
|
6144
|
+
font-size:16px;
|
|
6145
|
+
-webkit-user-select:all;
|
|
6146
|
+
-moz-user-select:all;
|
|
6147
|
+
user-select:all;
|
|
6148
|
+
margin-bottom:5.5px;
|
|
6149
|
+
color:rgba(0, 0, 0, 0.8);
|
|
6150
|
+
color:var(--iui-text-color); }
|
|
6151
|
+
.iui-tile-content .iui-tile-status-icon{
|
|
6152
|
+
fill:rgba(0, 0, 0, 0.4);
|
|
6153
|
+
fill:var(--iui-icons-color);
|
|
6154
|
+
display:inline-flex;
|
|
6155
|
+
width:16px;
|
|
6156
|
+
height:16px;
|
|
6157
|
+
margin-right:8px;
|
|
6158
|
+
flex-shrink:0; }
|
|
6159
|
+
.iui-tile-content .iui-tile-status-icon.iui-informational{
|
|
6160
|
+
fill:#008BE1;
|
|
6161
|
+
fill:var(--iui-icons-color-primary); }
|
|
6162
|
+
.iui-tile-content .iui-tile-status-icon.iui-positive{
|
|
6163
|
+
fill:#53A21A;
|
|
6164
|
+
fill:var(--iui-icons-color-positive); }
|
|
6165
|
+
.iui-tile-content .iui-tile-status-icon.iui-warning{
|
|
6166
|
+
fill:#F18B12;
|
|
6167
|
+
fill:var(--iui-icons-color-warning); }
|
|
6168
|
+
.iui-tile-content .iui-tile-status-icon.iui-negative{
|
|
6169
|
+
fill:#D30A0A;
|
|
6170
|
+
fill:var(--iui-icons-color-negative); }
|
|
6171
|
+
.iui-tile-content .iui-tile-name-label{
|
|
6172
|
+
overflow:hidden;
|
|
6173
|
+
white-space:nowrap;
|
|
6174
|
+
text-overflow:ellipsis; }
|
|
6175
|
+
.iui-tile-content .iui-tile-description{
|
|
6176
|
+
margin-bottom:11px;
|
|
6177
|
+
font-size:14px;
|
|
6178
|
+
height:100%;
|
|
6179
|
+
max-height:66px;
|
|
6180
|
+
overflow:hidden;
|
|
6181
|
+
white-space:nowrap;
|
|
6182
|
+
text-overflow:ellipsis;
|
|
6183
|
+
color:rgba(0, 0, 0, 0.4);
|
|
6184
|
+
color:var(--iui-text-color-muted); }
|
|
6185
|
+
@supports (-webkit-line-clamp: 1){
|
|
6186
|
+
.iui-tile-content .iui-tile-description{
|
|
6187
|
+
white-space:unset;
|
|
6188
|
+
display:-webkit-box;
|
|
6189
|
+
-webkit-line-clamp:3;
|
|
6190
|
+
-webkit-box-orient:vertical; } }
|
|
6191
|
+
.iui-tile-content .iui-tile-metadata{
|
|
6192
|
+
font-size:12px;
|
|
6193
|
+
flex-shrink:0;
|
|
6194
|
+
overflow:hidden;
|
|
6195
|
+
text-overflow:ellipsis;
|
|
6196
|
+
height:22px;
|
|
6197
|
+
width:100%;
|
|
6198
|
+
display:flex;
|
|
6199
|
+
align-items:center;
|
|
6200
|
+
margin-top:auto;
|
|
6201
|
+
color:rgba(0, 0, 0, 0.4);
|
|
6202
|
+
color:var(--iui-text-color-muted); }
|
|
6203
|
+
.iui-tile-content .iui-tile-metadata > svg,
|
|
6204
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon{
|
|
6205
|
+
fill:rgba(0, 0, 0, 0.4);
|
|
6206
|
+
fill:var(--iui-icons-color);
|
|
6207
|
+
display:inline-flex;
|
|
6208
|
+
width:16px;
|
|
6209
|
+
height:16px;
|
|
6210
|
+
margin-right:8px;
|
|
6211
|
+
flex-shrink:0; }
|
|
6212
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-informational,
|
|
6213
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-informational{
|
|
6214
|
+
fill:#008BE1;
|
|
6215
|
+
fill:var(--iui-icons-color-primary); }
|
|
6216
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-positive,
|
|
6217
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-positive{
|
|
6218
|
+
fill:#53A21A;
|
|
6219
|
+
fill:var(--iui-icons-color-positive); }
|
|
6220
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-warning,
|
|
6221
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-warning{
|
|
6222
|
+
fill:#F18B12;
|
|
6223
|
+
fill:var(--iui-icons-color-warning); }
|
|
6224
|
+
.iui-tile-content .iui-tile-metadata > svg.iui-negative,
|
|
6225
|
+
.iui-tile-content .iui-tile-metadata .iui-tile-metadata-icon.iui-negative{
|
|
6226
|
+
fill:#D30A0A;
|
|
6227
|
+
fill:var(--iui-icons-color-negative); }
|
|
6228
|
+
.iui-tile-content .iui-tile-metadata > *{
|
|
6229
|
+
white-space:nowrap;
|
|
6230
|
+
overflow:hidden;
|
|
6231
|
+
text-overflow:ellipsis; }
|
|
6232
|
+
.iui-tile-content .iui-tile-more-options{
|
|
6233
|
+
padding:0 2px;
|
|
6234
|
+
height:27px;
|
|
6235
|
+
gap:4px;
|
|
6236
|
+
position:absolute;
|
|
6237
|
+
bottom:5.5px;
|
|
6238
|
+
right:8px;
|
|
6239
|
+
visibility:hidden; }
|
|
6240
|
+
.iui-tile-content .iui-tile-more-options.iui-visible{
|
|
6241
|
+
visibility:visible; }
|
|
6062
6242
|
|
|
6063
6243
|
.iui-time-picker{
|
|
6064
6244
|
margin:0;
|
|
@@ -6097,16 +6277,13 @@ a.iui-tag{
|
|
|
6097
6277
|
.iui-time > ol > li{
|
|
6098
6278
|
padding:6px 16px;
|
|
6099
6279
|
border-radius:3px; }
|
|
6100
|
-
.iui-time > ol > li:focus{
|
|
6101
|
-
outline:0;
|
|
6102
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
6103
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
6104
|
-
.iui-time > ol > li:focus:not(:focus-visible){
|
|
6105
|
-
box-shadow:none; }
|
|
6106
6280
|
.iui-time > ol > li:focus-visible{
|
|
6107
|
-
outline:
|
|
6108
|
-
|
|
6109
|
-
|
|
6281
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6282
|
+
outline-offset:-1px; }
|
|
6283
|
+
@supports not selector(*:focus-visible){
|
|
6284
|
+
.iui-time > ol > li:focus{
|
|
6285
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6286
|
+
outline-offset:-1px; } }
|
|
6110
6287
|
.iui-time > ol > li:hover{
|
|
6111
6288
|
cursor:pointer;
|
|
6112
6289
|
color:#008BE1;
|
|
@@ -6120,6 +6297,13 @@ a.iui-tag{
|
|
|
6120
6297
|
color:#FFF;
|
|
6121
6298
|
background-color:var(--iui-color-background-primary);
|
|
6122
6299
|
color:var(--iui-color-foreground-accessory); }
|
|
6300
|
+
.iui-time > ol > li.iui-selected:focus-visible{
|
|
6301
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
6302
|
+
outline-offset:-3px; }
|
|
6303
|
+
@supports not selector(*:focus-visible){
|
|
6304
|
+
.iui-time > ol > li.iui-selected:focus{
|
|
6305
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
6306
|
+
outline-offset:-3px; } }
|
|
6123
6307
|
|
|
6124
6308
|
.iui-period{
|
|
6125
6309
|
padding:11px 8px;
|
|
@@ -6140,16 +6324,13 @@ a.iui-tag{
|
|
|
6140
6324
|
.iui-period > ol > li{
|
|
6141
6325
|
padding:6px 16px;
|
|
6142
6326
|
border-radius:3px; }
|
|
6143
|
-
.iui-period > ol > li:focus{
|
|
6144
|
-
outline:0;
|
|
6145
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
6146
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
6147
|
-
.iui-period > ol > li:focus:not(:focus-visible){
|
|
6148
|
-
box-shadow:none; }
|
|
6149
6327
|
.iui-period > ol > li:focus-visible{
|
|
6150
|
-
outline:
|
|
6151
|
-
|
|
6152
|
-
|
|
6328
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6329
|
+
outline-offset:-1px; }
|
|
6330
|
+
@supports not selector(*:focus-visible){
|
|
6331
|
+
.iui-period > ol > li:focus{
|
|
6332
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6333
|
+
outline-offset:-1px; } }
|
|
6153
6334
|
.iui-period > ol > li:hover{
|
|
6154
6335
|
cursor:pointer;
|
|
6155
6336
|
color:#008BE1;
|
|
@@ -6163,6 +6344,13 @@ a.iui-tag{
|
|
|
6163
6344
|
color:#FFF;
|
|
6164
6345
|
background-color:var(--iui-color-background-primary);
|
|
6165
6346
|
color:var(--iui-color-foreground-accessory); }
|
|
6347
|
+
.iui-period > ol > li.iui-selected:focus-visible{
|
|
6348
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
6349
|
+
outline-offset:-3px; }
|
|
6350
|
+
@supports not selector(*:focus-visible){
|
|
6351
|
+
.iui-period > ol > li.iui-selected:focus{
|
|
6352
|
+
outline:1px solid var(--iui-color-foreground-accessory);
|
|
6353
|
+
outline-offset:-3px; } }
|
|
6166
6354
|
|
|
6167
6355
|
.iui-toast-wrapper{
|
|
6168
6356
|
pointer-events:none;
|
|
@@ -6273,16 +6461,6 @@ a.iui-tag{
|
|
|
6273
6461
|
user-select:none;
|
|
6274
6462
|
text-decoration:underline;
|
|
6275
6463
|
white-space:nowrap; }
|
|
6276
|
-
.iui-toast > .iui-anchor:focus{
|
|
6277
|
-
outline:0;
|
|
6278
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
6279
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
6280
|
-
.iui-toast > .iui-anchor:focus:not(:focus-visible){
|
|
6281
|
-
box-shadow:none; }
|
|
6282
|
-
.iui-toast > .iui-anchor:focus-visible{
|
|
6283
|
-
outline:0;
|
|
6284
|
-
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
6285
|
-
box-shadow:var(--iui-focus-box-shadow); }
|
|
6286
6464
|
.iui-toast > .iui-anchor:hover{
|
|
6287
6465
|
text-decoration:none; }
|
|
6288
6466
|
.iui-toast > .iui-button{
|
|
@@ -6324,19 +6502,10 @@ a.iui-tag{
|
|
|
6324
6502
|
.iui-toast.iui-positive > .iui-anchor:hover{
|
|
6325
6503
|
color:#3c7613;
|
|
6326
6504
|
color:var(--iui-color-foreground-positive-overlay); }
|
|
6327
|
-
.iui-toast.iui-positive > .iui-anchor
|
|
6328
|
-
|
|
6329
|
-
|
|
6330
|
-
|
|
6331
|
-
box-shadow:var(--iui-focus-positive-box-shadow); }
|
|
6332
|
-
.iui-toast.iui-positive > .iui-anchor:focus:not(:focus-visible),
|
|
6333
|
-
.iui-toast.iui-positive > .iui-button:focus:not(:focus-visible){
|
|
6334
|
-
box-shadow:none; }
|
|
6335
|
-
.iui-toast.iui-positive > .iui-anchor:focus-visible,
|
|
6336
|
-
.iui-toast.iui-positive > .iui-button:focus-visible{
|
|
6337
|
-
outline:0;
|
|
6338
|
-
box-shadow:rgba(83, 162, 26, 0.2) 0 0 0 2px;
|
|
6339
|
-
box-shadow:var(--iui-focus-positive-box-shadow); }
|
|
6505
|
+
.iui-toast.iui-positive > .iui-anchor{
|
|
6506
|
+
outline-color:var(--iui-color-foreground-positive); }
|
|
6507
|
+
.iui-toast.iui-positive > .iui-button{
|
|
6508
|
+
outline-color:var(--iui-color-foreground-positive); }
|
|
6340
6509
|
.iui-toast.iui-negative{
|
|
6341
6510
|
border-color:#D30A0A;
|
|
6342
6511
|
border-color:var(--iui-color-foreground-negative); }
|
|
@@ -6355,19 +6524,10 @@ a.iui-tag{
|
|
|
6355
6524
|
.iui-toast.iui-negative > .iui-anchor:hover{
|
|
6356
6525
|
color:#a20808;
|
|
6357
6526
|
color:var(--iui-color-foreground-negative-overlay); }
|
|
6358
|
-
.iui-toast.iui-negative > .iui-anchor
|
|
6359
|
-
|
|
6360
|
-
|
|
6361
|
-
|
|
6362
|
-
box-shadow:var(--iui-focus-negative-box-shadow); }
|
|
6363
|
-
.iui-toast.iui-negative > .iui-anchor:focus:not(:focus-visible),
|
|
6364
|
-
.iui-toast.iui-negative > .iui-button:focus:not(:focus-visible){
|
|
6365
|
-
box-shadow:none; }
|
|
6366
|
-
.iui-toast.iui-negative > .iui-anchor:focus-visible,
|
|
6367
|
-
.iui-toast.iui-negative > .iui-button:focus-visible{
|
|
6368
|
-
outline:0;
|
|
6369
|
-
box-shadow:rgba(211, 10, 10, 0.2) 0 0 0 2px;
|
|
6370
|
-
box-shadow:var(--iui-focus-negative-box-shadow); }
|
|
6527
|
+
.iui-toast.iui-negative > .iui-anchor{
|
|
6528
|
+
outline-color:var(--iui-color-foreground-negative); }
|
|
6529
|
+
.iui-toast.iui-negative > .iui-button{
|
|
6530
|
+
outline-color:var(--iui-color-foreground-negative); }
|
|
6371
6531
|
.iui-toast.iui-warning{
|
|
6372
6532
|
border-color:#F18B12;
|
|
6373
6533
|
border-color:var(--iui-color-foreground-warning); }
|
|
@@ -6386,19 +6546,10 @@ a.iui-tag{
|
|
|
6386
6546
|
.iui-toast.iui-warning > .iui-anchor:hover{
|
|
6387
6547
|
color:#c4700c;
|
|
6388
6548
|
color:var(--iui-color-foreground-warning-overlay); }
|
|
6389
|
-
.iui-toast.iui-warning > .iui-anchor
|
|
6390
|
-
|
|
6391
|
-
|
|
6392
|
-
|
|
6393
|
-
box-shadow:var(--iui-focus-warning-box-shadow); }
|
|
6394
|
-
.iui-toast.iui-warning > .iui-anchor:focus:not(:focus-visible),
|
|
6395
|
-
.iui-toast.iui-warning > .iui-button:focus:not(:focus-visible){
|
|
6396
|
-
box-shadow:none; }
|
|
6397
|
-
.iui-toast.iui-warning > .iui-anchor:focus-visible,
|
|
6398
|
-
.iui-toast.iui-warning > .iui-button:focus-visible{
|
|
6399
|
-
outline:0;
|
|
6400
|
-
box-shadow:rgba(241, 139, 18, 0.2) 0 0 0 2px;
|
|
6401
|
-
box-shadow:var(--iui-focus-warning-box-shadow); }
|
|
6549
|
+
.iui-toast.iui-warning > .iui-anchor{
|
|
6550
|
+
outline-color:var(--iui-color-foreground-warning); }
|
|
6551
|
+
.iui-toast.iui-warning > .iui-button{
|
|
6552
|
+
outline-color:var(--iui-color-foreground-warning); }
|
|
6402
6553
|
|
|
6403
6554
|
.iui-toggle-switch{
|
|
6404
6555
|
margin:0;
|
|
@@ -6488,10 +6639,10 @@ a.iui-tag{
|
|
|
6488
6639
|
background-color:var(--iui-color-foreground-accessory);
|
|
6489
6640
|
opacity:var(--iui-opacity-2);
|
|
6490
6641
|
right:2px; }
|
|
6491
|
-
.iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle
|
|
6642
|
+
.iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle{
|
|
6492
6643
|
border-color:#008BE1;
|
|
6493
6644
|
border-color:var(--iui-color-background-primary); }
|
|
6494
|
-
.iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle
|
|
6645
|
+
.iui-toggle-switch > input:checked:hover:not(:disabled) ~ .iui-toggle > .iui-handle{
|
|
6495
6646
|
opacity:1;
|
|
6496
6647
|
opacity:var(--iui-opacity-1); }
|
|
6497
6648
|
.iui-toggle-switch > input:disabled ~ .iui-toggle{
|
|
@@ -6517,8 +6668,11 @@ a.iui-tag{
|
|
|
6517
6668
|
opacity:0.2;
|
|
6518
6669
|
opacity:var(--iui-opacity-5); }
|
|
6519
6670
|
.iui-toggle-switch > input:enabled:focus ~ .iui-toggle{
|
|
6520
|
-
|
|
6521
|
-
|
|
6671
|
+
outline:1px solid #008BE1;
|
|
6672
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6673
|
+
outline-offset:1px; }
|
|
6674
|
+
.iui-toggle-switch > input:enabled:focus:not(:focus-visible) ~ .iui-toggle{
|
|
6675
|
+
outline:none; }
|
|
6522
6676
|
.iui-toggle-switch.iui-disabled{
|
|
6523
6677
|
cursor:not-allowed; }
|
|
6524
6678
|
.iui-toggle-switch > .iui-label{
|
|
@@ -6646,13 +6800,13 @@ a.iui-tag{
|
|
|
6646
6800
|
font-size:12px;
|
|
6647
6801
|
color:rgba(0, 0, 0, 0.4);
|
|
6648
6802
|
color:var(--iui-text-color-muted); }
|
|
6649
|
-
.iui-tree-node:focus{
|
|
6650
|
-
outline:
|
|
6651
|
-
outline-offset:-1px;
|
|
6652
|
-
outline:thin solid rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
|
|
6803
|
+
.iui-tree-node:focus-visible{
|
|
6804
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6653
6805
|
outline-offset:-1px; }
|
|
6654
|
-
|
|
6655
|
-
|
|
6806
|
+
@supports not selector(*:focus-visible){
|
|
6807
|
+
.iui-tree-node:focus{
|
|
6808
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6809
|
+
outline-offset:-1px; } }
|
|
6656
6810
|
.iui-tree-node:hover{
|
|
6657
6811
|
background-color:rgba(0, 139, 225, 0.1);
|
|
6658
6812
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
@@ -6667,9 +6821,13 @@ a.iui-tag{
|
|
|
6667
6821
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
6668
6822
|
outline:thin solid var(--iui-color-foreground-primary);
|
|
6669
6823
|
outline-offset:-1px; }
|
|
6670
|
-
.iui-tree-node.iui-active:focus{
|
|
6671
|
-
outline
|
|
6824
|
+
.iui-tree-node.iui-active:focus-visible{
|
|
6825
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
6672
6826
|
outline-offset:-2px; }
|
|
6827
|
+
@supports not selector(*:focus-visible){
|
|
6828
|
+
.iui-tree-node.iui-active:focus{
|
|
6829
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
6830
|
+
outline-offset:-2px; } }
|
|
6673
6831
|
.iui-tree-node.iui-disabled{
|
|
6674
6832
|
cursor:not-allowed;
|
|
6675
6833
|
outline:none;
|
|
@@ -6993,11 +7151,11 @@ a.iui-tag{
|
|
|
6993
7151
|
.iui-wizard-step.iui-clickable:focus{
|
|
6994
7152
|
outline:0; }
|
|
6995
7153
|
.iui-wizard-step.iui-clickable:focus .iui-wizard-circle{
|
|
6996
|
-
outline:
|
|
6997
|
-
|
|
6998
|
-
|
|
7154
|
+
outline:2px solid #53A21A;
|
|
7155
|
+
outline:2px solid var(--iui-color-foreground-positive);
|
|
7156
|
+
outline-offset:-1px; }
|
|
6999
7157
|
.iui-wizard-step.iui-clickable:focus:not(:focus-visible) .iui-wizard-circle{
|
|
7000
|
-
|
|
7158
|
+
outline:none; }
|
|
7001
7159
|
.iui-wizard-step:first-of-type .iui-wizard-track-content::before,
|
|
7002
7160
|
.iui-wizard-step:last-of-type .iui-wizard-track-content::after{
|
|
7003
7161
|
background-color:transparent; }
|