@itwin/itwinui-css 0.53.3 → 0.55.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 +61 -43
- package/css/all.css +536 -161
- package/css/anchor.css +68 -0
- package/css/breadcrumbs.css +48 -5
- package/css/footer.css +48 -5
- package/css/global.css +60 -5
- package/css/header.css +3 -2
- package/css/menu.css +21 -0
- package/css/popover.css +2 -2
- package/css/skip-to-content.css +2 -1
- package/css/table.css +9 -9
- package/css/tag.css +94 -45
- package/css/tile.css +29 -17
- package/css/toast-notification.css +94 -27
- package/package.json +5 -3
- package/scss/alert/alert.scss +5 -25
- package/scss/anchor/anchor.scss +3 -0
- package/scss/anchor/classes.scss +7 -0
- package/scss/anchor/index.scss +3 -0
- package/scss/breadcrumbs/breadcrumbs.scss +2 -1
- package/scss/classes.scss +1 -0
- package/scss/footer/footer.scss +1 -0
- package/scss/header/header.scss +8 -1
- package/scss/index.scss +1 -0
- package/scss/menu/menu.scss +27 -0
- package/scss/popover/popover.scss +2 -2
- package/scss/skip-to-content/skip-to-content.scss +2 -1
- package/scss/style/anchor.scss +79 -0
- package/scss/style/global.scss +5 -0
- package/scss/style/mixins.scss +0 -17
- package/scss/table/table.scss +5 -5
- package/scss/tag/classes.scss +15 -1
- package/scss/tag/tag.scss +45 -46
- package/scss/tile/tile.scss +19 -13
- package/scss/toast-notification/categories.scss +3 -20
- package/scss/toast-notification/toast.scss +5 -6
package/css/all.css
CHANGED
|
@@ -584,27 +584,82 @@ html.iui-theme-dark-hc{
|
|
|
584
584
|
}
|
|
585
585
|
|
|
586
586
|
.iui-anchor{
|
|
587
|
-
|
|
588
|
-
text-decoration:none;
|
|
589
|
-
cursor:pointer;
|
|
587
|
+
--_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
|
|
590
588
|
color:#008ae0;
|
|
589
|
+
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
|
|
591
590
|
color:var(--iui-color-foreground-primary);
|
|
591
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
592
|
+
border-radius:3px;
|
|
593
|
+
cursor:pointer;
|
|
594
|
+
text-decoration:none;
|
|
592
595
|
}
|
|
593
596
|
.iui-anchor:focus-visible{
|
|
594
597
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
595
|
-
outline-offset:
|
|
598
|
+
outline-offset:1px;
|
|
596
599
|
}
|
|
597
600
|
@supports not selector(*:focus-visible){
|
|
598
601
|
.iui-anchor:focus{
|
|
599
602
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
600
|
-
outline-offset:
|
|
603
|
+
outline-offset:1px;
|
|
601
604
|
}
|
|
602
605
|
}
|
|
603
606
|
.iui-anchor:hover{
|
|
604
607
|
color:#006bad;
|
|
605
608
|
color:var(--iui-color-foreground-primary-overlay);
|
|
609
|
+
}
|
|
610
|
+
.iui-anchor-external::after{
|
|
611
|
+
content:"";
|
|
612
|
+
display:inline-block;
|
|
613
|
+
width:1.5ch;
|
|
614
|
+
height:1.5ch;
|
|
615
|
+
margin-left:0.5ch;
|
|
616
|
+
vertical-align:-0.1ch;
|
|
617
|
+
background-color:currentColor;
|
|
618
|
+
-webkit-mask:var(--_iui-anchor-external-svg);
|
|
619
|
+
mask:var(--_iui-anchor-external-svg);
|
|
620
|
+
}
|
|
621
|
+
@media (forced-colors: active){
|
|
622
|
+
.iui-anchor-external::after{
|
|
623
|
+
background-color:LinkText;
|
|
624
|
+
}
|
|
625
|
+
}
|
|
626
|
+
.iui-anchor:hover{
|
|
627
|
+
text-decoration:underline;
|
|
628
|
+
}
|
|
629
|
+
@media (prefers-contrast: more){
|
|
630
|
+
.iui-anchor{
|
|
631
|
+
text-decoration:underline;
|
|
632
|
+
}
|
|
633
|
+
.iui-anchor:hover{
|
|
634
|
+
text-decoration:none;
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
.iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
|
|
638
|
+
text-decoration:none;
|
|
639
|
+
}
|
|
640
|
+
.iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
|
|
641
|
+
text-decoration:underline;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
|
|
606
645
|
text-decoration:underline;
|
|
607
646
|
}
|
|
647
|
+
.iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
|
|
648
|
+
text-decoration:none;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
.iui-visually-hidden{
|
|
652
|
+
-webkit-clip-path:inset(50%);
|
|
653
|
+
clip-path:inset(50%);
|
|
654
|
+
overflow:hidden;
|
|
655
|
+
position:absolute;
|
|
656
|
+
white-space:nowrap;
|
|
657
|
+
height:1px;
|
|
658
|
+
width:1px;
|
|
659
|
+
padding:0;
|
|
660
|
+
margin:-1px;
|
|
661
|
+
border-width:0;
|
|
662
|
+
}
|
|
608
663
|
|
|
609
664
|
[class*=iui-],
|
|
610
665
|
[class*=iui-] *{
|
|
@@ -691,31 +746,18 @@ html.iui-theme-dark-hc{
|
|
|
691
746
|
margin:11px 16px;
|
|
692
747
|
}
|
|
693
748
|
.iui-alert-link{
|
|
749
|
+
text-decoration:underline;
|
|
750
|
+
border-radius:3px;
|
|
694
751
|
cursor:pointer;
|
|
695
752
|
margin-left:8px;
|
|
696
|
-
text-decoration:underline;
|
|
697
753
|
-webkit-user-select:none;
|
|
698
754
|
-moz-user-select:none;
|
|
699
755
|
-ms-user-select:none;
|
|
700
756
|
user-select:none;
|
|
701
757
|
white-space:nowrap;
|
|
702
|
-
color:#008ae0;
|
|
703
|
-
color:var(--iui-color-foreground-primary);
|
|
704
|
-
}
|
|
705
|
-
.iui-alert-link:focus-visible{
|
|
706
|
-
outline:1px solid var(--iui-color-foreground-primary);
|
|
707
|
-
outline-offset:-1px;
|
|
708
|
-
}
|
|
709
|
-
@supports not selector(*:focus-visible){
|
|
710
|
-
.iui-alert-link:focus{
|
|
711
|
-
outline:1px solid var(--iui-color-foreground-primary);
|
|
712
|
-
outline-offset:-1px;
|
|
713
|
-
}
|
|
714
758
|
}
|
|
715
759
|
.iui-alert-link:hover{
|
|
716
760
|
text-decoration:none;
|
|
717
|
-
color:#006bad;
|
|
718
|
-
color:var(--iui-color-foreground-primary-overlay);
|
|
719
761
|
}
|
|
720
762
|
.iui-alert > .iui-button{
|
|
721
763
|
margin-left:auto;
|
|
@@ -748,24 +790,34 @@ html.iui-theme-dark-hc{
|
|
|
748
790
|
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
749
791
|
}
|
|
750
792
|
.iui-alert.iui-positive .iui-alert-link{
|
|
751
|
-
border-radius:3px;
|
|
752
793
|
color:#53a21a;
|
|
794
|
+
-webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
|
|
753
795
|
color:var(--iui-color-foreground-positive);
|
|
754
|
-
|
|
755
|
-
.iui-alert.iui-positive .iui-alert-link:hover{
|
|
756
|
-
color:#3d7613;
|
|
757
|
-
color:var(--iui-color-foreground-positive-overlay);
|
|
796
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
758
797
|
}
|
|
759
798
|
.iui-alert.iui-positive .iui-alert-link:focus-visible{
|
|
760
799
|
outline:1px solid var(--iui-color-foreground-positive);
|
|
761
|
-
outline-offset:
|
|
800
|
+
outline-offset:1px;
|
|
762
801
|
}
|
|
763
802
|
@supports not selector(*:focus-visible){
|
|
764
803
|
.iui-alert.iui-positive .iui-alert-link:focus{
|
|
765
804
|
outline:1px solid var(--iui-color-foreground-positive);
|
|
766
|
-
outline-offset:
|
|
805
|
+
outline-offset:1px;
|
|
767
806
|
}
|
|
768
807
|
}
|
|
808
|
+
.iui-alert.iui-positive .iui-alert-link::-moz-selection, .iui-alert.iui-positive .iui-alert-link *::-moz-selection{
|
|
809
|
+
background-color:rgba(83, 162, 26, 0.2);
|
|
810
|
+
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
811
|
+
}
|
|
812
|
+
.iui-alert.iui-positive .iui-alert-link::selection,
|
|
813
|
+
.iui-alert.iui-positive .iui-alert-link *::selection{
|
|
814
|
+
background-color:rgba(83, 162, 26, 0.2);
|
|
815
|
+
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
816
|
+
}
|
|
817
|
+
.iui-alert.iui-positive .iui-alert-link:hover{
|
|
818
|
+
color:#3d7613;
|
|
819
|
+
color:var(--iui-color-foreground-positive-overlay);
|
|
820
|
+
}
|
|
769
821
|
.iui-alert.iui-positive > .iui-button{
|
|
770
822
|
outline-color:var(--iui-color-foreground-positive);
|
|
771
823
|
}
|
|
@@ -789,24 +841,34 @@ html.iui-theme-dark-hc{
|
|
|
789
841
|
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
790
842
|
}
|
|
791
843
|
.iui-alert.iui-negative .iui-alert-link{
|
|
792
|
-
border-radius:3px;
|
|
793
844
|
color:#d10a0a;
|
|
845
|
+
-webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
|
|
794
846
|
color:var(--iui-color-foreground-negative);
|
|
795
|
-
|
|
796
|
-
.iui-alert.iui-negative .iui-alert-link:hover{
|
|
797
|
-
color:#a10808;
|
|
798
|
-
color:var(--iui-color-foreground-negative-overlay);
|
|
847
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
799
848
|
}
|
|
800
849
|
.iui-alert.iui-negative .iui-alert-link:focus-visible{
|
|
801
850
|
outline:1px solid var(--iui-color-foreground-negative);
|
|
802
|
-
outline-offset:
|
|
851
|
+
outline-offset:1px;
|
|
803
852
|
}
|
|
804
853
|
@supports not selector(*:focus-visible){
|
|
805
854
|
.iui-alert.iui-negative .iui-alert-link:focus{
|
|
806
855
|
outline:1px solid var(--iui-color-foreground-negative);
|
|
807
|
-
outline-offset:
|
|
856
|
+
outline-offset:1px;
|
|
808
857
|
}
|
|
809
858
|
}
|
|
859
|
+
.iui-alert.iui-negative .iui-alert-link::-moz-selection, .iui-alert.iui-negative .iui-alert-link *::-moz-selection{
|
|
860
|
+
background-color:rgba(209, 10, 10, 0.2);
|
|
861
|
+
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
862
|
+
}
|
|
863
|
+
.iui-alert.iui-negative .iui-alert-link::selection,
|
|
864
|
+
.iui-alert.iui-negative .iui-alert-link *::selection{
|
|
865
|
+
background-color:rgba(209, 10, 10, 0.2);
|
|
866
|
+
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
867
|
+
}
|
|
868
|
+
.iui-alert.iui-negative .iui-alert-link:hover{
|
|
869
|
+
color:#a10808;
|
|
870
|
+
color:var(--iui-color-foreground-negative-overlay);
|
|
871
|
+
}
|
|
810
872
|
.iui-alert.iui-negative > .iui-button{
|
|
811
873
|
outline-color:var(--iui-color-foreground-negative);
|
|
812
874
|
}
|
|
@@ -830,24 +892,34 @@ html.iui-theme-dark-hc{
|
|
|
830
892
|
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
831
893
|
}
|
|
832
894
|
.iui-alert.iui-warning .iui-alert-link{
|
|
833
|
-
border-radius:3px;
|
|
834
895
|
color:#f18d13;
|
|
896
|
+
-webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
|
|
835
897
|
color:var(--iui-color-foreground-warning);
|
|
836
|
-
|
|
837
|
-
.iui-alert.iui-warning .iui-alert-link:hover{
|
|
838
|
-
color:#c6720c;
|
|
839
|
-
color:var(--iui-color-foreground-warning-overlay);
|
|
898
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
840
899
|
}
|
|
841
900
|
.iui-alert.iui-warning .iui-alert-link:focus-visible{
|
|
842
901
|
outline:1px solid var(--iui-color-foreground-warning);
|
|
843
|
-
outline-offset:
|
|
902
|
+
outline-offset:1px;
|
|
844
903
|
}
|
|
845
904
|
@supports not selector(*:focus-visible){
|
|
846
905
|
.iui-alert.iui-warning .iui-alert-link:focus{
|
|
847
906
|
outline:1px solid var(--iui-color-foreground-warning);
|
|
848
|
-
outline-offset:
|
|
907
|
+
outline-offset:1px;
|
|
849
908
|
}
|
|
850
909
|
}
|
|
910
|
+
.iui-alert.iui-warning .iui-alert-link::-moz-selection, .iui-alert.iui-warning .iui-alert-link *::-moz-selection{
|
|
911
|
+
background-color:rgba(241, 141, 19, 0.2);
|
|
912
|
+
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
913
|
+
}
|
|
914
|
+
.iui-alert.iui-warning .iui-alert-link::selection,
|
|
915
|
+
.iui-alert.iui-warning .iui-alert-link *::selection{
|
|
916
|
+
background-color:rgba(241, 141, 19, 0.2);
|
|
917
|
+
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
918
|
+
}
|
|
919
|
+
.iui-alert.iui-warning .iui-alert-link:hover{
|
|
920
|
+
color:#c6720c;
|
|
921
|
+
color:var(--iui-color-foreground-warning-overlay);
|
|
922
|
+
}
|
|
851
923
|
.iui-alert.iui-warning > .iui-button{
|
|
852
924
|
outline-color:var(--iui-color-foreground-warning);
|
|
853
925
|
}
|
|
@@ -871,28 +943,94 @@ html.iui-theme-dark-hc{
|
|
|
871
943
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
872
944
|
}
|
|
873
945
|
.iui-alert.iui-informational .iui-alert-link{
|
|
874
|
-
border-radius:3px;
|
|
875
946
|
color:#008ae0;
|
|
947
|
+
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
|
|
876
948
|
color:var(--iui-color-foreground-primary);
|
|
877
|
-
|
|
878
|
-
.iui-alert.iui-informational .iui-alert-link:hover{
|
|
879
|
-
color:#006bad;
|
|
880
|
-
color:var(--iui-color-foreground-primary-overlay);
|
|
949
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
881
950
|
}
|
|
882
951
|
.iui-alert.iui-informational .iui-alert-link:focus-visible{
|
|
883
952
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
884
|
-
outline-offset:
|
|
953
|
+
outline-offset:1px;
|
|
885
954
|
}
|
|
886
955
|
@supports not selector(*:focus-visible){
|
|
887
956
|
.iui-alert.iui-informational .iui-alert-link:focus{
|
|
888
957
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
889
|
-
outline-offset:
|
|
958
|
+
outline-offset:1px;
|
|
890
959
|
}
|
|
891
960
|
}
|
|
961
|
+
.iui-alert.iui-informational .iui-alert-link:hover{
|
|
962
|
+
color:#006bad;
|
|
963
|
+
color:var(--iui-color-foreground-primary-overlay);
|
|
964
|
+
}
|
|
892
965
|
.iui-alert.iui-informational > .iui-button{
|
|
893
966
|
outline-color:var(--iui-color-foreground-primary);
|
|
894
967
|
}
|
|
895
968
|
|
|
969
|
+
.iui-anchor{
|
|
970
|
+
--_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
|
|
971
|
+
color:#008ae0;
|
|
972
|
+
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
|
|
973
|
+
color:var(--iui-color-foreground-primary);
|
|
974
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
975
|
+
border-radius:3px;
|
|
976
|
+
cursor:pointer;
|
|
977
|
+
text-decoration:none;
|
|
978
|
+
}
|
|
979
|
+
.iui-anchor:focus-visible{
|
|
980
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
981
|
+
outline-offset:1px;
|
|
982
|
+
}
|
|
983
|
+
@supports not selector(*:focus-visible){
|
|
984
|
+
.iui-anchor:focus{
|
|
985
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
986
|
+
outline-offset:1px;
|
|
987
|
+
}
|
|
988
|
+
}
|
|
989
|
+
.iui-anchor:hover{
|
|
990
|
+
color:#006bad;
|
|
991
|
+
color:var(--iui-color-foreground-primary-overlay);
|
|
992
|
+
}
|
|
993
|
+
.iui-anchor-external::after{
|
|
994
|
+
content:"";
|
|
995
|
+
display:inline-block;
|
|
996
|
+
width:1.5ch;
|
|
997
|
+
height:1.5ch;
|
|
998
|
+
margin-left:0.5ch;
|
|
999
|
+
vertical-align:-0.1ch;
|
|
1000
|
+
background-color:currentColor;
|
|
1001
|
+
-webkit-mask:var(--_iui-anchor-external-svg);
|
|
1002
|
+
mask:var(--_iui-anchor-external-svg);
|
|
1003
|
+
}
|
|
1004
|
+
@media (forced-colors: active){
|
|
1005
|
+
.iui-anchor-external::after{
|
|
1006
|
+
background-color:LinkText;
|
|
1007
|
+
}
|
|
1008
|
+
}
|
|
1009
|
+
.iui-anchor:hover{
|
|
1010
|
+
text-decoration:underline;
|
|
1011
|
+
}
|
|
1012
|
+
@media (prefers-contrast: more){
|
|
1013
|
+
.iui-anchor{
|
|
1014
|
+
text-decoration:underline;
|
|
1015
|
+
}
|
|
1016
|
+
.iui-anchor:hover{
|
|
1017
|
+
text-decoration:none;
|
|
1018
|
+
}
|
|
1019
|
+
}
|
|
1020
|
+
.iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
|
|
1021
|
+
text-decoration:none;
|
|
1022
|
+
}
|
|
1023
|
+
.iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
|
|
1024
|
+
text-decoration:underline;
|
|
1025
|
+
}
|
|
1026
|
+
|
|
1027
|
+
.iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
|
|
1028
|
+
text-decoration:underline;
|
|
1029
|
+
}
|
|
1030
|
+
.iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
|
|
1031
|
+
text-decoration:none;
|
|
1032
|
+
}
|
|
1033
|
+
|
|
896
1034
|
.iui-badge{
|
|
897
1035
|
--iui-badge-background-color:#c7ccd1;
|
|
898
1036
|
--_iui-badge-text-color:rgba(0, 0, 0, 0.6);
|
|
@@ -976,27 +1114,70 @@ html.iui-theme-dark-hc{
|
|
|
976
1114
|
margin:0 12px;
|
|
977
1115
|
}
|
|
978
1116
|
.iui-breadcrumbs-item a{
|
|
979
|
-
|
|
980
|
-
text-decoration:none;
|
|
981
|
-
cursor:pointer;
|
|
1117
|
+
--_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
|
|
982
1118
|
color:#008ae0;
|
|
1119
|
+
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
|
|
983
1120
|
color:var(--iui-color-foreground-primary);
|
|
1121
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
1122
|
+
border-radius:3px;
|
|
1123
|
+
cursor:pointer;
|
|
1124
|
+
text-decoration:none;
|
|
984
1125
|
}
|
|
985
1126
|
.iui-breadcrumbs-item a:focus-visible{
|
|
986
1127
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
987
|
-
outline-offset:
|
|
1128
|
+
outline-offset:1px;
|
|
988
1129
|
}
|
|
989
1130
|
@supports not selector(*:focus-visible){
|
|
990
1131
|
.iui-breadcrumbs-item a:focus{
|
|
991
1132
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
992
|
-
outline-offset:
|
|
1133
|
+
outline-offset:1px;
|
|
993
1134
|
}
|
|
994
1135
|
}
|
|
995
1136
|
.iui-breadcrumbs-item a:hover{
|
|
996
1137
|
color:#006bad;
|
|
997
1138
|
color:var(--iui-color-foreground-primary-overlay);
|
|
1139
|
+
}
|
|
1140
|
+
.iui-breadcrumbs-item a-external::after{
|
|
1141
|
+
content:"";
|
|
1142
|
+
display:inline-block;
|
|
1143
|
+
width:1.5ch;
|
|
1144
|
+
height:1.5ch;
|
|
1145
|
+
margin-left:0.5ch;
|
|
1146
|
+
vertical-align:-0.1ch;
|
|
1147
|
+
background-color:currentColor;
|
|
1148
|
+
-webkit-mask:var(--_iui-anchor-external-svg);
|
|
1149
|
+
mask:var(--_iui-anchor-external-svg);
|
|
1150
|
+
}
|
|
1151
|
+
@media (forced-colors: active){
|
|
1152
|
+
.iui-breadcrumbs-item a-external::after{
|
|
1153
|
+
background-color:LinkText;
|
|
1154
|
+
}
|
|
1155
|
+
}
|
|
1156
|
+
.iui-breadcrumbs-item a:hover{
|
|
998
1157
|
text-decoration:underline;
|
|
999
1158
|
}
|
|
1159
|
+
@media (prefers-contrast: more){
|
|
1160
|
+
.iui-breadcrumbs-item a{
|
|
1161
|
+
text-decoration:underline;
|
|
1162
|
+
}
|
|
1163
|
+
.iui-breadcrumbs-item a:hover{
|
|
1164
|
+
text-decoration:none;
|
|
1165
|
+
}
|
|
1166
|
+
}
|
|
1167
|
+
.iui-theme-light .iui-breadcrumbs-item a, .iui-theme-dark .iui-breadcrumbs-item a{
|
|
1168
|
+
text-decoration:none;
|
|
1169
|
+
}
|
|
1170
|
+
.iui-theme-light .iui-breadcrumbs-item a:hover, .iui-theme-dark .iui-breadcrumbs-item a:hover{
|
|
1171
|
+
text-decoration:underline;
|
|
1172
|
+
}
|
|
1173
|
+
|
|
1174
|
+
.iui-theme-light-hc .iui-breadcrumbs-item a, .iui-theme-dark-hc .iui-breadcrumbs-item a{
|
|
1175
|
+
text-decoration:underline;
|
|
1176
|
+
}
|
|
1177
|
+
.iui-theme-light-hc .iui-breadcrumbs-item a:hover, .iui-theme-dark-hc .iui-breadcrumbs-item a:hover{
|
|
1178
|
+
text-decoration:none;
|
|
1179
|
+
}
|
|
1180
|
+
|
|
1000
1181
|
.iui-breadcrumbs-item .iui-button{
|
|
1001
1182
|
border-color:transparent;
|
|
1002
1183
|
background-color:transparent;
|
|
@@ -2926,27 +3107,70 @@ html.iui-theme-dark-hc{
|
|
|
2926
3107
|
background-color:var(--iui-text-color-muted);
|
|
2927
3108
|
}
|
|
2928
3109
|
.iui-legal-footer > ul > li > a{
|
|
2929
|
-
|
|
2930
|
-
text-decoration:none;
|
|
2931
|
-
cursor:pointer;
|
|
3110
|
+
--_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
|
|
2932
3111
|
color:#008ae0;
|
|
3112
|
+
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
|
|
2933
3113
|
color:var(--iui-color-foreground-primary);
|
|
3114
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
3115
|
+
border-radius:3px;
|
|
3116
|
+
cursor:pointer;
|
|
3117
|
+
text-decoration:none;
|
|
2934
3118
|
}
|
|
2935
3119
|
.iui-legal-footer > ul > li > a:focus-visible{
|
|
2936
3120
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
2937
|
-
outline-offset:
|
|
3121
|
+
outline-offset:1px;
|
|
2938
3122
|
}
|
|
2939
3123
|
@supports not selector(*:focus-visible){
|
|
2940
3124
|
.iui-legal-footer > ul > li > a:focus{
|
|
2941
3125
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
2942
|
-
outline-offset:
|
|
3126
|
+
outline-offset:1px;
|
|
2943
3127
|
}
|
|
2944
3128
|
}
|
|
2945
3129
|
.iui-legal-footer > ul > li > a:hover{
|
|
2946
3130
|
color:#006bad;
|
|
2947
3131
|
color:var(--iui-color-foreground-primary-overlay);
|
|
3132
|
+
}
|
|
3133
|
+
.iui-legal-footer > ul > li > a-external::after{
|
|
3134
|
+
content:"";
|
|
3135
|
+
display:inline-block;
|
|
3136
|
+
width:1.5ch;
|
|
3137
|
+
height:1.5ch;
|
|
3138
|
+
margin-left:0.5ch;
|
|
3139
|
+
vertical-align:-0.1ch;
|
|
3140
|
+
background-color:currentColor;
|
|
3141
|
+
-webkit-mask:var(--_iui-anchor-external-svg);
|
|
3142
|
+
mask:var(--_iui-anchor-external-svg);
|
|
3143
|
+
}
|
|
3144
|
+
@media (forced-colors: active){
|
|
3145
|
+
.iui-legal-footer > ul > li > a-external::after{
|
|
3146
|
+
background-color:LinkText;
|
|
3147
|
+
}
|
|
3148
|
+
}
|
|
3149
|
+
.iui-legal-footer > ul > li > a:hover{
|
|
2948
3150
|
text-decoration:underline;
|
|
2949
3151
|
}
|
|
3152
|
+
@media (prefers-contrast: more){
|
|
3153
|
+
.iui-legal-footer > ul > li > a{
|
|
3154
|
+
text-decoration:underline;
|
|
3155
|
+
}
|
|
3156
|
+
.iui-legal-footer > ul > li > a:hover{
|
|
3157
|
+
text-decoration:none;
|
|
3158
|
+
}
|
|
3159
|
+
}
|
|
3160
|
+
.iui-theme-light .iui-legal-footer > ul > li > a, .iui-theme-dark .iui-legal-footer > ul > li > a{
|
|
3161
|
+
text-decoration:none;
|
|
3162
|
+
}
|
|
3163
|
+
.iui-theme-light .iui-legal-footer > ul > li > a:hover, .iui-theme-dark .iui-legal-footer > ul > li > a:hover{
|
|
3164
|
+
text-decoration:underline;
|
|
3165
|
+
}
|
|
3166
|
+
|
|
3167
|
+
.iui-theme-light-hc .iui-legal-footer > ul > li > a, .iui-theme-dark-hc .iui-legal-footer > ul > li > a{
|
|
3168
|
+
text-decoration:underline;
|
|
3169
|
+
}
|
|
3170
|
+
.iui-theme-light-hc .iui-legal-footer > ul > li > a:hover, .iui-theme-dark-hc .iui-legal-footer > ul > li > a:hover{
|
|
3171
|
+
text-decoration:none;
|
|
3172
|
+
}
|
|
3173
|
+
|
|
2950
3174
|
.iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
|
|
2951
3175
|
color:rgba(0, 0, 0, 0.4);
|
|
2952
3176
|
color:var(--iui-text-color-muted);
|
|
@@ -3014,7 +3238,6 @@ html.iui-theme-dark-hc{
|
|
|
3014
3238
|
height:100%;
|
|
3015
3239
|
border-radius:0;
|
|
3016
3240
|
overflow:hidden;
|
|
3017
|
-
padding-right:8px;
|
|
3018
3241
|
}
|
|
3019
3242
|
.iui-page-header .iui-header-button.iui-header-button:focus{
|
|
3020
3243
|
box-shadow:none;
|
|
@@ -3125,6 +3348,9 @@ html.iui-theme-dark-hc{
|
|
|
3125
3348
|
padding:0;
|
|
3126
3349
|
}
|
|
3127
3350
|
|
|
3351
|
+
.iui-page-header .iui-header-dropdown-button.iui-header-dropdown-button{
|
|
3352
|
+
padding-right:8px;
|
|
3353
|
+
}
|
|
3128
3354
|
.iui-page-header .iui-header-split-button{
|
|
3129
3355
|
max-width:25vw;
|
|
3130
3356
|
}
|
|
@@ -3144,7 +3370,6 @@ html.iui-theme-dark-hc{
|
|
|
3144
3370
|
height:100%;
|
|
3145
3371
|
border-radius:0;
|
|
3146
3372
|
overflow:hidden;
|
|
3147
|
-
padding-right:8px;
|
|
3148
3373
|
padding:0 4px;
|
|
3149
3374
|
}
|
|
3150
3375
|
.iui-page-header .iui-header-split-button .iui-button:focus{
|
|
@@ -5391,6 +5616,27 @@ label.iui-input-label.iui-disabled{
|
|
|
5391
5616
|
fill:rgba(0, 0, 0, 0.2);
|
|
5392
5617
|
fill:var(--iui-icons-color-actionable-disabled);
|
|
5393
5618
|
}
|
|
5619
|
+
.iui-menu-item-skeleton{
|
|
5620
|
+
--iui-menu-item-content-skeleton-max-width:30%;
|
|
5621
|
+
cursor:auto;
|
|
5622
|
+
}
|
|
5623
|
+
.iui-menu-item-skeleton .iui-content{
|
|
5624
|
+
max-width:var(--iui-menu-item-content-skeleton-max-width);
|
|
5625
|
+
}
|
|
5626
|
+
.iui-menu-item-skeleton .iui-menu-label{
|
|
5627
|
+
width:100%;
|
|
5628
|
+
height:14px;
|
|
5629
|
+
vertical-align:middle;
|
|
5630
|
+
}
|
|
5631
|
+
.iui-menu-item-skeleton .iui-menu-description{
|
|
5632
|
+
width:70%;
|
|
5633
|
+
height:12px;
|
|
5634
|
+
vertical-align:middle;
|
|
5635
|
+
margin-top:4px;
|
|
5636
|
+
}
|
|
5637
|
+
.iui-menu-item-skeleton:hover{
|
|
5638
|
+
background-color:unset;
|
|
5639
|
+
}
|
|
5394
5640
|
|
|
5395
5641
|
.iui-menu-content{
|
|
5396
5642
|
padding:11px 13px;
|
|
@@ -5888,8 +6134,8 @@ label.iui-input-label.iui-disabled{
|
|
|
5888
6134
|
all:revert;
|
|
5889
6135
|
}
|
|
5890
6136
|
.iui-popover.tippy-box[data-reference-hidden]{
|
|
5891
|
-
visibility:
|
|
5892
|
-
pointer-events:
|
|
6137
|
+
visibility:hidden;
|
|
6138
|
+
pointer-events:none;
|
|
5893
6139
|
}
|
|
5894
6140
|
.iui-popover .tippy-content{
|
|
5895
6141
|
all:revert;
|
|
@@ -6865,10 +7111,10 @@ label.iui-input-label.iui-disabled{
|
|
|
6865
7111
|
background-color:rgba(0, 138, 224, 0.1);
|
|
6866
7112
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
6867
7113
|
}
|
|
6868
|
-
.iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot > .iui-more-options{
|
|
7114
|
+
.iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
|
|
6869
7115
|
visibility:visible;
|
|
6870
7116
|
}
|
|
6871
|
-
.iui-table-body .iui-row:
|
|
7117
|
+
.iui-table-body .iui-row:focus-within > .iui-slot:not(.iui-disabled) > .iui-more-options{
|
|
6872
7118
|
visibility:visible;
|
|
6873
7119
|
}
|
|
6874
7120
|
@media (prefers-reduced-motion: no-preference){
|
|
@@ -6963,20 +7209,20 @@ label.iui-input-label.iui-disabled{
|
|
|
6963
7209
|
color:#53a21a;
|
|
6964
7210
|
color:var(--iui-color-foreground-positive);
|
|
6965
7211
|
}
|
|
6966
|
-
.iui-table-body .iui-row.iui-disabled, .iui-table-body .iui-row.iui-
|
|
7212
|
+
.iui-table-body .iui-row .iui-cell.iui-disabled, .iui-table-body .iui-row.iui-expanded-content.iui-disabled{
|
|
6967
7213
|
font-style:italic;
|
|
6968
7214
|
cursor:not-allowed;
|
|
6969
7215
|
color:rgba(0, 0, 0, 0.4);
|
|
6970
7216
|
color:var(--iui-text-color-muted);
|
|
6971
7217
|
}
|
|
6972
|
-
.iui-table-body .iui-row.iui-disabled
|
|
7218
|
+
.iui-table-body .iui-row .iui-cell.iui-disabled.iui-slot:hover > .iui-more-options, .iui-table-body .iui-row.iui-expanded-content.iui-disabled.iui-slot:hover > .iui-more-options{
|
|
6973
7219
|
visibility:hidden;
|
|
6974
7220
|
}
|
|
6975
|
-
.iui-table-body .iui-row.iui-disabled img,
|
|
6976
|
-
.iui-table-body .iui-row.iui-disabled svg:not(.iui-radial),
|
|
6977
|
-
.iui-table-body .iui-row.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-
|
|
6978
|
-
.iui-table-body .iui-row.iui-
|
|
6979
|
-
.iui-table-body .iui-row.iui-
|
|
7221
|
+
.iui-table-body .iui-row .iui-cell.iui-disabled img,
|
|
7222
|
+
.iui-table-body .iui-row .iui-cell.iui-disabled svg:not(.iui-radial),
|
|
7223
|
+
.iui-table-body .iui-row .iui-cell.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-expanded-content.iui-disabled img,
|
|
7224
|
+
.iui-table-body .iui-row.iui-expanded-content.iui-disabled svg:not(.iui-radial),
|
|
7225
|
+
.iui-table-body .iui-row.iui-expanded-content.iui-disabled .iui-user-icon{
|
|
6980
7226
|
filter:grayscale(100%);
|
|
6981
7227
|
}
|
|
6982
7228
|
.iui-table-body .iui-row.iui-positive,
|
|
@@ -7697,31 +7943,17 @@ label.iui-input-label.iui-disabled{
|
|
|
7697
7943
|
user-select:all;
|
|
7698
7944
|
text-transform:lowercase;
|
|
7699
7945
|
display:inline-flex;
|
|
7700
|
-
}
|
|
7701
|
-
.iui-tag:focus-visible{
|
|
7702
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
7703
|
-
outline-offset:-2px;
|
|
7704
|
-
}
|
|
7705
|
-
@supports not selector(*:focus-visible){
|
|
7706
|
-
.iui-tag:focus{
|
|
7707
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
7708
|
-
outline-offset:-2px;
|
|
7709
|
-
}
|
|
7710
|
-
}
|
|
7711
|
-
.iui-tag:not(a){
|
|
7712
|
-
color:rgba(0, 0, 0, 0.4);
|
|
7713
|
-
color:var(--iui-text-color-muted);
|
|
7714
|
-
}
|
|
7715
|
-
.iui-tag:not(.iui-basic){
|
|
7716
7946
|
height:33px;
|
|
7717
7947
|
margin:3px 0;
|
|
7718
|
-
border-radius:
|
|
7948
|
+
border-radius:9999px;
|
|
7719
7949
|
box-sizing:border-box;
|
|
7720
7950
|
padding:0 2px;
|
|
7721
7951
|
align-items:center;
|
|
7952
|
+
transition:border-color 0.2s ease-out;
|
|
7722
7953
|
font-size:14px;
|
|
7723
7954
|
text-transform:none;
|
|
7724
7955
|
cursor:default;
|
|
7956
|
+
-webkit-tap-highlight-color:transparent;
|
|
7725
7957
|
border:1px solid rgba(0, 0, 0, 0.4);
|
|
7726
7958
|
background-color:white;
|
|
7727
7959
|
color:rgba(0, 0, 0, 0.8);
|
|
@@ -7729,12 +7961,28 @@ label.iui-input-label.iui-disabled{
|
|
|
7729
7961
|
background-color:var(--iui-color-background-1);
|
|
7730
7962
|
color:var(--iui-text-color);
|
|
7731
7963
|
}
|
|
7732
|
-
|
|
7733
|
-
|
|
7734
|
-
|
|
7735
|
-
|
|
7964
|
+
.iui-tag:hover{
|
|
7965
|
+
border-color:black;
|
|
7966
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
7967
|
+
}
|
|
7968
|
+
|
|
7969
|
+
.iui-tag-basic{
|
|
7970
|
+
margin:0;
|
|
7971
|
+
padding:0;
|
|
7972
|
+
border:none;
|
|
7973
|
+
vertical-align:baseline;
|
|
7974
|
+
-webkit-user-select:all;
|
|
7975
|
+
-moz-user-select:all;
|
|
7976
|
+
user-select:all;
|
|
7977
|
+
text-transform:lowercase;
|
|
7978
|
+
display:inline-flex;
|
|
7979
|
+
}
|
|
7980
|
+
.iui-tag-basic:not(a){
|
|
7981
|
+
color:rgba(0, 0, 0, 0.4);
|
|
7982
|
+
color:var(--iui-text-color-muted);
|
|
7736
7983
|
}
|
|
7737
|
-
|
|
7984
|
+
|
|
7985
|
+
.iui-tag-label{
|
|
7738
7986
|
margin:0;
|
|
7739
7987
|
padding:0;
|
|
7740
7988
|
border:none;
|
|
@@ -7747,54 +7995,101 @@ label.iui-input-label.iui-disabled{
|
|
|
7747
7995
|
overflow:hidden;
|
|
7748
7996
|
margin:0 4px 0 8px;
|
|
7749
7997
|
}
|
|
7750
|
-
.iui-tag
|
|
7998
|
+
.iui-tag-label:only-child{
|
|
7751
7999
|
margin:0 8px;
|
|
7752
8000
|
}
|
|
7753
|
-
|
|
8001
|
+
|
|
8002
|
+
.iui-tag-button{
|
|
7754
8003
|
border-radius:50%;
|
|
7755
8004
|
}
|
|
7756
|
-
.iui-tag:not(.iui-basic):hover{
|
|
7757
|
-
border-color:black;
|
|
7758
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
7759
|
-
}
|
|
7760
|
-
.iui-tag.iui-basic{
|
|
7761
|
-
outline-offset:1px;
|
|
7762
|
-
}
|
|
7763
8005
|
|
|
7764
|
-
a.iui-tag{
|
|
7765
|
-
|
|
7766
|
-
text-decoration:none;
|
|
7767
|
-
cursor:pointer;
|
|
8006
|
+
a.iui-tag-basic{
|
|
8007
|
+
--_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
|
|
7768
8008
|
color:#008ae0;
|
|
8009
|
+
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
|
|
7769
8010
|
color:var(--iui-color-foreground-primary);
|
|
8011
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
8012
|
+
border-radius:3px;
|
|
8013
|
+
cursor:pointer;
|
|
8014
|
+
text-decoration:none;
|
|
7770
8015
|
}
|
|
7771
|
-
a.iui-tag:focus-visible{
|
|
8016
|
+
a.iui-tag-basic:focus-visible{
|
|
7772
8017
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
7773
|
-
outline-offset:
|
|
8018
|
+
outline-offset:1px;
|
|
7774
8019
|
}
|
|
7775
8020
|
@supports not selector(*:focus-visible){
|
|
7776
|
-
a.iui-tag:focus{
|
|
8021
|
+
a.iui-tag-basic:focus{
|
|
7777
8022
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
7778
|
-
outline-offset:
|
|
8023
|
+
outline-offset:1px;
|
|
7779
8024
|
}
|
|
7780
8025
|
}
|
|
7781
|
-
a.iui-tag:hover{
|
|
8026
|
+
a.iui-tag-basic:hover{
|
|
7782
8027
|
color:#006bad;
|
|
7783
8028
|
color:var(--iui-color-foreground-primary-overlay);
|
|
8029
|
+
}
|
|
8030
|
+
a.iui-tag-basic-external::after{
|
|
8031
|
+
content:"";
|
|
8032
|
+
display:inline-block;
|
|
8033
|
+
width:1.5ch;
|
|
8034
|
+
height:1.5ch;
|
|
8035
|
+
margin-left:0.5ch;
|
|
8036
|
+
vertical-align:-0.1ch;
|
|
8037
|
+
background-color:currentColor;
|
|
8038
|
+
-webkit-mask:var(--_iui-anchor-external-svg);
|
|
8039
|
+
mask:var(--_iui-anchor-external-svg);
|
|
8040
|
+
}
|
|
8041
|
+
@media (forced-colors: active){
|
|
8042
|
+
a.iui-tag-basic-external::after{
|
|
8043
|
+
background-color:LinkText;
|
|
8044
|
+
}
|
|
8045
|
+
}
|
|
8046
|
+
a.iui-tag-basic:hover{
|
|
8047
|
+
text-decoration:underline;
|
|
8048
|
+
}
|
|
8049
|
+
@media (prefers-contrast: more){
|
|
8050
|
+
a.iui-tag-basic{
|
|
8051
|
+
text-decoration:underline;
|
|
8052
|
+
}
|
|
8053
|
+
a.iui-tag-basic:hover{
|
|
8054
|
+
text-decoration:none;
|
|
8055
|
+
}
|
|
8056
|
+
}
|
|
8057
|
+
.iui-theme-light a.iui-tag-basic, .iui-theme-dark a.iui-tag-basic{
|
|
8058
|
+
text-decoration:none;
|
|
8059
|
+
}
|
|
8060
|
+
.iui-theme-light a.iui-tag-basic:hover, .iui-theme-dark a.iui-tag-basic:hover{
|
|
7784
8061
|
text-decoration:underline;
|
|
7785
8062
|
}
|
|
7786
8063
|
|
|
8064
|
+
.iui-theme-light-hc a.iui-tag-basic, .iui-theme-dark-hc a.iui-tag-basic{
|
|
8065
|
+
text-decoration:underline;
|
|
8066
|
+
}
|
|
8067
|
+
.iui-theme-light-hc a.iui-tag-basic:hover, .iui-theme-dark-hc a.iui-tag-basic:hover{
|
|
8068
|
+
text-decoration:none;
|
|
8069
|
+
}
|
|
8070
|
+
|
|
8071
|
+
a.iui-tag-basic:focus-visible{
|
|
8072
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
8073
|
+
outline-offset:1px;
|
|
8074
|
+
}
|
|
8075
|
+
@supports not selector(*:focus-visible){
|
|
8076
|
+
a.iui-tag-basic:focus{
|
|
8077
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
8078
|
+
outline-offset:1px;
|
|
8079
|
+
}
|
|
8080
|
+
}
|
|
8081
|
+
|
|
7787
8082
|
.iui-tag-container{
|
|
7788
8083
|
color:rgba(0, 0, 0, 0.4);
|
|
7789
8084
|
color:var(--iui-text-color-muted);
|
|
7790
8085
|
}
|
|
7791
|
-
.iui-tag-container > a.iui-basic{
|
|
8086
|
+
.iui-tag-container > a.iui-tag-basic{
|
|
7792
8087
|
margin:2px;
|
|
7793
8088
|
}
|
|
7794
|
-
.iui-tag-container >
|
|
8089
|
+
.iui-tag-container > *:not(last-child){
|
|
7795
8090
|
margin-right:4px;
|
|
7796
8091
|
}
|
|
7797
|
-
.iui-tag-container > .iui-basic:not(:last-child)::after{
|
|
8092
|
+
.iui-tag-container > .iui-tag-basic:not(:last-child)::after{
|
|
7798
8093
|
content:",";
|
|
7799
8094
|
}
|
|
7800
8095
|
.iui-tag-container.iui-truncate{
|
|
@@ -7817,8 +8112,8 @@ a.iui-tag:hover{
|
|
|
7817
8112
|
.iui-tag-container.iui-visible{
|
|
7818
8113
|
border-radius:3px;
|
|
7819
8114
|
padding:3px 12px;
|
|
7820
|
-
background-color:#
|
|
7821
|
-
background-color:var(--iui-color-background-
|
|
8115
|
+
background-color:#edeff2;
|
|
8116
|
+
background-color:var(--iui-color-background-3);
|
|
7822
8117
|
}
|
|
7823
8118
|
|
|
7824
8119
|
.iui-text-headline{
|
|
@@ -7938,25 +8233,23 @@ a.iui-tag:hover{
|
|
|
7938
8233
|
padding:0;
|
|
7939
8234
|
border:none;
|
|
7940
8235
|
vertical-align:baseline;
|
|
8236
|
+
--iui-surface-background-color:var(--iui-color-background-1);
|
|
8237
|
+
--iui-surface-border-radius:0;
|
|
8238
|
+
--iui-surface-elevation:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
8239
|
+
background-color:var(--iui-surface-background-color);
|
|
8240
|
+
border-radius:var(--iui-surface-border-radius);
|
|
8241
|
+
box-shadow:var(--iui-surface-elevation);
|
|
8242
|
+
box-sizing:border-box;
|
|
8243
|
+
color:var(--iui-text-color);
|
|
7941
8244
|
display:inline-flex;
|
|
7942
8245
|
flex-direction:column;
|
|
7943
8246
|
width:288px;
|
|
7944
|
-
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
7945
8247
|
-webkit-backface-visibility:hidden;
|
|
7946
8248
|
backface-visibility:hidden;
|
|
7947
|
-
background-color:white;
|
|
7948
|
-
color:rgba(0, 0, 0, 0.8);
|
|
7949
|
-
background-color:var(--iui-color-background-1);
|
|
7950
|
-
color:var(--iui-text-color);
|
|
7951
8249
|
}
|
|
7952
|
-
|
|
7953
|
-
|
|
7954
|
-
|
|
7955
|
-
}
|
|
7956
|
-
@supports not selector(*:focus-visible){
|
|
7957
|
-
.iui-tile:focus{
|
|
7958
|
-
outline:2px solid var(--iui-color-foreground-primary);
|
|
7959
|
-
outline-offset:2px;
|
|
8250
|
+
@media (forced-colors: active){
|
|
8251
|
+
.iui-tile{
|
|
8252
|
+
border:1px solid transparent;
|
|
7960
8253
|
}
|
|
7961
8254
|
}
|
|
7962
8255
|
.iui-tile:hover .iui-tile-more-options, .iui-tile:focus-within .iui-tile-more-options{
|
|
@@ -7974,9 +8267,6 @@ a.iui-tag:hover{
|
|
|
7974
8267
|
.iui-tile:hover .iui-tile-metadata:not(:last-child), .iui-tile:focus-within .iui-tile-metadata:not(:last-child){
|
|
7975
8268
|
width:calc(100% - 32px);
|
|
7976
8269
|
}
|
|
7977
|
-
.iui-tile:hover .iui-tile-thumbnail-picture, .iui-tile:focus-within .iui-tile-thumbnail-picture{
|
|
7978
|
-
transform:translateZ(0) scale(1.1);
|
|
7979
|
-
}
|
|
7980
8270
|
.iui-tile.iui-new .iui-tile-name,
|
|
7981
8271
|
.iui-tile.iui-new .iui-tile-description{
|
|
7982
8272
|
font-weight:600;
|
|
@@ -7997,7 +8287,24 @@ a.iui-tag:hover{
|
|
|
7997
8287
|
outline-offset:0;
|
|
7998
8288
|
}
|
|
7999
8289
|
}
|
|
8000
|
-
.iui-tile.iui-
|
|
8290
|
+
.iui-tile.iui-actionable{
|
|
8291
|
+
cursor:pointer;
|
|
8292
|
+
transition:box-shadow 0.2s ease-in-out;
|
|
8293
|
+
}
|
|
8294
|
+
.iui-tile.iui-actionable:focus-visible{
|
|
8295
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
8296
|
+
outline-offset:2px;
|
|
8297
|
+
}
|
|
8298
|
+
@supports not selector(*:focus-visible){
|
|
8299
|
+
.iui-tile.iui-actionable:focus{
|
|
8300
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
8301
|
+
outline-offset:2px;
|
|
8302
|
+
}
|
|
8303
|
+
}
|
|
8304
|
+
.iui-tile.iui-actionable:hover{
|
|
8305
|
+
box-shadow:0 3px 14px rgba(0, 0, 0, 0.25);
|
|
8306
|
+
}
|
|
8307
|
+
.iui-tile.iui-actionable:hover .iui-tile-thumbnail-picture, .iui-tile.iui-actionable:focus-within .iui-tile-thumbnail-picture, .iui-tile.iui-actionable.iui-selected .iui-tile-thumbnail-picture{
|
|
8001
8308
|
transform:translateZ(0) scale(1.1);
|
|
8002
8309
|
}
|
|
8003
8310
|
.iui-tile.iui-folder{
|
|
@@ -8671,17 +8978,19 @@ div.iui-tile-thumbnail-picture{
|
|
|
8671
8978
|
color:rgba(0, 0, 0, 0.8);
|
|
8672
8979
|
color:var(--iui-text-color);
|
|
8673
8980
|
}
|
|
8674
|
-
.iui-toast
|
|
8981
|
+
.iui-toast-anchor{
|
|
8982
|
+
text-decoration:underline;
|
|
8983
|
+
border-radius:3px;
|
|
8984
|
+
cursor:pointer;
|
|
8675
8985
|
font-size:12px;
|
|
8676
8986
|
margin-right:16px;
|
|
8677
8987
|
-webkit-user-select:none;
|
|
8678
8988
|
-moz-user-select:none;
|
|
8679
8989
|
-ms-user-select:none;
|
|
8680
8990
|
user-select:none;
|
|
8681
|
-
text-decoration:underline;
|
|
8682
8991
|
white-space:nowrap;
|
|
8683
8992
|
}
|
|
8684
|
-
.iui-toast
|
|
8993
|
+
.iui-toast-anchor:hover{
|
|
8685
8994
|
text-decoration:none;
|
|
8686
8995
|
}
|
|
8687
8996
|
.iui-toast > .iui-button{
|
|
@@ -8715,6 +9024,26 @@ div.iui-tile-thumbnail-picture{
|
|
|
8715
9024
|
background-color:#008ae0;
|
|
8716
9025
|
background-color:var(--iui-color-background-primary);
|
|
8717
9026
|
}
|
|
9027
|
+
.iui-toast.iui-informational > .iui-toast-anchor{
|
|
9028
|
+
color:#008ae0;
|
|
9029
|
+
-webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
|
|
9030
|
+
color:var(--iui-color-foreground-primary);
|
|
9031
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
9032
|
+
}
|
|
9033
|
+
.iui-toast.iui-informational > .iui-toast-anchor:focus-visible{
|
|
9034
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
9035
|
+
outline-offset:1px;
|
|
9036
|
+
}
|
|
9037
|
+
@supports not selector(*:focus-visible){
|
|
9038
|
+
.iui-toast.iui-informational > .iui-toast-anchor:focus{
|
|
9039
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
9040
|
+
outline-offset:1px;
|
|
9041
|
+
}
|
|
9042
|
+
}
|
|
9043
|
+
.iui-toast.iui-informational > .iui-toast-anchor:hover{
|
|
9044
|
+
color:#006bad;
|
|
9045
|
+
color:var(--iui-color-foreground-primary-overlay);
|
|
9046
|
+
}
|
|
8718
9047
|
.iui-toast.iui-positive{
|
|
8719
9048
|
border-color:#53a21a;
|
|
8720
9049
|
border-color:var(--iui-color-foreground-positive);
|
|
@@ -8732,19 +9061,34 @@ div.iui-tile-thumbnail-picture{
|
|
|
8732
9061
|
background-color:#53a21a;
|
|
8733
9062
|
background-color:var(--iui-color-background-positive);
|
|
8734
9063
|
}
|
|
8735
|
-
.iui-toast.iui-positive > .iui-anchor{
|
|
9064
|
+
.iui-toast.iui-positive > .iui-toast-anchor{
|
|
8736
9065
|
color:#53a21a;
|
|
9066
|
+
-webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
|
|
8737
9067
|
color:var(--iui-color-foreground-positive);
|
|
9068
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
8738
9069
|
}
|
|
8739
|
-
.iui-toast.iui-positive > .iui-anchor:
|
|
8740
|
-
color
|
|
8741
|
-
|
|
9070
|
+
.iui-toast.iui-positive > .iui-toast-anchor:focus-visible{
|
|
9071
|
+
outline:1px solid var(--iui-color-foreground-positive);
|
|
9072
|
+
outline-offset:1px;
|
|
8742
9073
|
}
|
|
8743
|
-
|
|
8744
|
-
|
|
9074
|
+
@supports not selector(*:focus-visible){
|
|
9075
|
+
.iui-toast.iui-positive > .iui-toast-anchor:focus{
|
|
9076
|
+
outline:1px solid var(--iui-color-foreground-positive);
|
|
9077
|
+
outline-offset:1px;
|
|
9078
|
+
}
|
|
8745
9079
|
}
|
|
8746
|
-
.iui-toast.iui-positive > .iui-
|
|
8747
|
-
|
|
9080
|
+
.iui-toast.iui-positive > .iui-toast-anchor::-moz-selection, .iui-toast.iui-positive > .iui-toast-anchor *::-moz-selection{
|
|
9081
|
+
background-color:rgba(83, 162, 26, 0.2);
|
|
9082
|
+
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
9083
|
+
}
|
|
9084
|
+
.iui-toast.iui-positive > .iui-toast-anchor::selection,
|
|
9085
|
+
.iui-toast.iui-positive > .iui-toast-anchor *::selection{
|
|
9086
|
+
background-color:rgba(83, 162, 26, 0.2);
|
|
9087
|
+
background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
|
|
9088
|
+
}
|
|
9089
|
+
.iui-toast.iui-positive > .iui-toast-anchor:hover{
|
|
9090
|
+
color:#3d7613;
|
|
9091
|
+
color:var(--iui-color-foreground-positive-overlay);
|
|
8748
9092
|
}
|
|
8749
9093
|
.iui-toast.iui-negative{
|
|
8750
9094
|
border-color:#d10a0a;
|
|
@@ -8763,19 +9107,34 @@ div.iui-tile-thumbnail-picture{
|
|
|
8763
9107
|
background-color:#d10a0a;
|
|
8764
9108
|
background-color:var(--iui-color-background-negative);
|
|
8765
9109
|
}
|
|
8766
|
-
.iui-toast.iui-negative > .iui-anchor{
|
|
9110
|
+
.iui-toast.iui-negative > .iui-toast-anchor{
|
|
8767
9111
|
color:#d10a0a;
|
|
9112
|
+
-webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
|
|
8768
9113
|
color:var(--iui-color-foreground-negative);
|
|
9114
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
8769
9115
|
}
|
|
8770
|
-
.iui-toast.iui-negative > .iui-anchor:
|
|
8771
|
-
color
|
|
8772
|
-
|
|
9116
|
+
.iui-toast.iui-negative > .iui-toast-anchor:focus-visible{
|
|
9117
|
+
outline:1px solid var(--iui-color-foreground-negative);
|
|
9118
|
+
outline-offset:1px;
|
|
8773
9119
|
}
|
|
8774
|
-
|
|
8775
|
-
|
|
9120
|
+
@supports not selector(*:focus-visible){
|
|
9121
|
+
.iui-toast.iui-negative > .iui-toast-anchor:focus{
|
|
9122
|
+
outline:1px solid var(--iui-color-foreground-negative);
|
|
9123
|
+
outline-offset:1px;
|
|
9124
|
+
}
|
|
8776
9125
|
}
|
|
8777
|
-
.iui-toast.iui-negative > .iui-
|
|
8778
|
-
|
|
9126
|
+
.iui-toast.iui-negative > .iui-toast-anchor::-moz-selection, .iui-toast.iui-negative > .iui-toast-anchor *::-moz-selection{
|
|
9127
|
+
background-color:rgba(209, 10, 10, 0.2);
|
|
9128
|
+
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
9129
|
+
}
|
|
9130
|
+
.iui-toast.iui-negative > .iui-toast-anchor::selection,
|
|
9131
|
+
.iui-toast.iui-negative > .iui-toast-anchor *::selection{
|
|
9132
|
+
background-color:rgba(209, 10, 10, 0.2);
|
|
9133
|
+
background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
|
|
9134
|
+
}
|
|
9135
|
+
.iui-toast.iui-negative > .iui-toast-anchor:hover{
|
|
9136
|
+
color:#a10808;
|
|
9137
|
+
color:var(--iui-color-foreground-negative-overlay);
|
|
8779
9138
|
}
|
|
8780
9139
|
.iui-toast.iui-warning{
|
|
8781
9140
|
border-color:#f18d13;
|
|
@@ -8794,19 +9153,34 @@ div.iui-tile-thumbnail-picture{
|
|
|
8794
9153
|
background-color:#f18d13;
|
|
8795
9154
|
background-color:var(--iui-color-background-warning);
|
|
8796
9155
|
}
|
|
8797
|
-
.iui-toast.iui-warning > .iui-anchor{
|
|
9156
|
+
.iui-toast.iui-warning > .iui-toast-anchor{
|
|
8798
9157
|
color:#f18d13;
|
|
9158
|
+
-webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
|
|
8799
9159
|
color:var(--iui-color-foreground-warning);
|
|
9160
|
+
-webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
8800
9161
|
}
|
|
8801
|
-
.iui-toast.iui-warning > .iui-anchor:
|
|
8802
|
-
color
|
|
8803
|
-
|
|
9162
|
+
.iui-toast.iui-warning > .iui-toast-anchor:focus-visible{
|
|
9163
|
+
outline:1px solid var(--iui-color-foreground-warning);
|
|
9164
|
+
outline-offset:1px;
|
|
8804
9165
|
}
|
|
8805
|
-
|
|
8806
|
-
|
|
9166
|
+
@supports not selector(*:focus-visible){
|
|
9167
|
+
.iui-toast.iui-warning > .iui-toast-anchor:focus{
|
|
9168
|
+
outline:1px solid var(--iui-color-foreground-warning);
|
|
9169
|
+
outline-offset:1px;
|
|
9170
|
+
}
|
|
8807
9171
|
}
|
|
8808
|
-
.iui-toast.iui-warning > .iui-
|
|
8809
|
-
|
|
9172
|
+
.iui-toast.iui-warning > .iui-toast-anchor::-moz-selection, .iui-toast.iui-warning > .iui-toast-anchor *::-moz-selection{
|
|
9173
|
+
background-color:rgba(241, 141, 19, 0.2);
|
|
9174
|
+
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
9175
|
+
}
|
|
9176
|
+
.iui-toast.iui-warning > .iui-toast-anchor::selection,
|
|
9177
|
+
.iui-toast.iui-warning > .iui-toast-anchor *::selection{
|
|
9178
|
+
background-color:rgba(241, 141, 19, 0.2);
|
|
9179
|
+
background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
|
|
9180
|
+
}
|
|
9181
|
+
.iui-toast.iui-warning > .iui-toast-anchor:hover{
|
|
9182
|
+
color:#c6720c;
|
|
9183
|
+
color:var(--iui-color-foreground-warning-overlay);
|
|
8810
9184
|
}
|
|
8811
9185
|
|
|
8812
9186
|
.iui-toggle-switch-wrapper{
|
|
@@ -9621,8 +9995,9 @@ div.iui-tile-thumbnail-picture{
|
|
|
9621
9995
|
position:fixed;
|
|
9622
9996
|
text-align:center;
|
|
9623
9997
|
left:50%;
|
|
9624
|
-
opacity:0;
|
|
9625
9998
|
top:22px;
|
|
9999
|
+
opacity:0;
|
|
10000
|
+
z-index:99;
|
|
9626
10001
|
transform:translateX(-50%) translateY(-170%);
|
|
9627
10002
|
transition:background-color 0.2s ease-in-out;
|
|
9628
10003
|
}
|