@itwin/itwinui-css 0.37.2 → 0.40.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/all.css +563 -367
- package/css/breadcrumbs.css +26 -15
- package/css/button.css +192 -137
- package/css/code.css +2 -0
- package/css/color-picker.css +2 -0
- package/css/date-picker.css +2 -0
- package/css/header.css +134 -91
- package/css/information-panel.css +26 -0
- package/css/inputs.css +79 -43
- package/css/menu.css +3 -3
- package/css/side-navigation.css +27 -24
- package/css/table.css +9 -2
- package/css/tabs.css +15 -12
- package/css/tile.css +46 -40
- package/package.json +6 -2
- package/scss/breadcrumbs/breadcrumbs.scss +1 -1
- package/scss/button/borderless.scss +31 -46
- package/scss/button/button-group.scss +6 -15
- package/scss/button/button-icon.scss +12 -0
- package/scss/button/button.scss +28 -35
- package/scss/button/classes.scss +25 -3
- package/scss/button/cta.scss +22 -19
- package/scss/button/default.scss +29 -41
- package/scss/button/disabled.scss +3 -14
- package/scss/button/high-visibility.scss +22 -19
- package/scss/button/index.scss +1 -0
- package/scss/button/split-menu.scss +7 -8
- package/scss/code/codeblock.scss +4 -0
- package/scss/color-picker/color-picker.scss +16 -1
- package/scss/date-picker/date-picker.scss +2 -8
- package/scss/header/classes.scss +4 -0
- package/scss/header/header.scss +72 -60
- package/scss/information-panel/classes.scss +4 -0
- package/scss/information-panel/information-panel.scss +37 -0
- package/scss/inputs/checkbox-radio.scss +9 -9
- package/scss/inputs/checkbox.scss +36 -0
- package/scss/inputs/classes.scss +5 -1
- package/scss/inputs/labeled-inputs.scss +41 -16
- package/scss/inputs/radio-tile.scss +2 -4
- package/scss/keyboard/keyboard.scss +2 -4
- package/scss/location-marker/data-rich.scss +1 -2
- package/scss/menu/menu.scss +3 -11
- package/scss/modal/modal.scss +1 -2
- package/scss/progress-indicator/linear.scss +3 -10
- package/scss/progress-indicator/overlay.scss +3 -9
- package/scss/progress-indicator/radial.scss +4 -4
- package/scss/side-navigation/side-navigation.scss +32 -29
- package/scss/slider/slider.scss +5 -3
- package/scss/style/global.scss +1 -4
- package/scss/style/mixins.scss +17 -12
- package/scss/style/theme.scss +63 -208
- package/scss/table/table.scss +7 -19
- package/scss/table/variables.scss +2 -4
- package/scss/tabs/borderless.scss +3 -12
- package/scss/tabs/pill.scss +2 -8
- package/scss/tabs/tabs.scss +11 -8
- package/scss/tile/tile.scss +4 -2
- package/scss/time-picker/time-picker.scss +1 -4
- package/scss/toast-notification/categories.scss +1 -4
- package/scss/toast-notification/toast.scss +1 -3
- package/scss/toggle-switch/toggle-switch.scss +4 -8
- package/scss/tooltip/tooltip.scss +1 -2
- package/scss/user-icon/user-icon.scss +3 -6
- package/scss/wizard/wizard.scss +2 -1
package/css/all.css
CHANGED
|
@@ -592,38 +592,49 @@ html.iui-theme-dark{
|
|
|
592
592
|
color:var(--iui-color-foreground-primary-overlay);
|
|
593
593
|
text-decoration:underline; }
|
|
594
594
|
.iui-breadcrumbs-item .iui-button{
|
|
595
|
-
background-color:transparent;
|
|
596
595
|
border-color:transparent;
|
|
596
|
+
background-color:transparent;
|
|
597
597
|
padding:0 8px;
|
|
598
|
+
height:38px;
|
|
599
|
+
gap:8px;
|
|
598
600
|
margin:0 -9px; }
|
|
599
|
-
.iui-breadcrumbs-item .iui-button.iui-
|
|
600
|
-
padding:0 2px; }
|
|
601
|
-
.iui-breadcrumbs-item .iui-button.iui-large{
|
|
602
|
-
padding:0 12px; }
|
|
603
|
-
.iui-breadcrumbs-item .iui-button > .iui-icon:only-child{
|
|
601
|
+
.iui-breadcrumbs-item .iui-button > .iui-button-icon:only-child{
|
|
604
602
|
margin-left:3px;
|
|
605
603
|
margin-right:3px; }
|
|
606
|
-
.iui-breadcrumbs-item .iui-button:
|
|
604
|
+
.iui-breadcrumbs-item .iui-button:hover, .iui-breadcrumbs-item .iui-button:focus{
|
|
607
605
|
background-color:rgba(0, 0, 0, 0.1);
|
|
608
606
|
border-color:transparent;
|
|
609
607
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
610
608
|
border-color:transparent; }
|
|
611
|
-
.iui-breadcrumbs-item .iui-button
|
|
612
|
-
|
|
609
|
+
.iui-breadcrumbs-item .iui-button:focus:not(:focus-visible){
|
|
610
|
+
border-color:transparent;
|
|
611
|
+
background-color:transparent; }
|
|
612
|
+
.iui-breadcrumbs-item .iui-button:focus:not(:focus-visible) > .iui-button-icon:only-child{
|
|
613
|
+
margin-left:3px;
|
|
614
|
+
margin-right:3px; }
|
|
615
|
+
.iui-breadcrumbs-item .iui-button.iui-active{
|
|
613
616
|
background-color:rgba(0, 139, 225, 0.1);
|
|
617
|
+
color:#008BE1;
|
|
614
618
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
619
|
+
color:var(--iui-color-foreground-primary);
|
|
615
620
|
border-color:transparent; }
|
|
616
|
-
.iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button
|
|
621
|
+
.iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button:disabled{
|
|
622
|
+
cursor:not-allowed;
|
|
623
|
+
background:#EEF0F3;
|
|
624
|
+
border-color:#EEF0F3;
|
|
625
|
+
color:rgba(0, 0, 0, 0.2);
|
|
626
|
+
background:var(--iui-color-background-disabled);
|
|
627
|
+
border-color:var(--iui-color-background-disabled);
|
|
628
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
629
|
+
background-color:transparent;
|
|
630
|
+
border-color:transparent;
|
|
617
631
|
background-color:transparent;
|
|
618
632
|
border-color:transparent; }
|
|
619
|
-
.iui-breadcrumbs-item .iui-button[disabled]
|
|
620
|
-
fill:rgba(0, 0, 0, 0.2);
|
|
621
|
-
fill:var(--iui-icons-color-actionable-disabled); }
|
|
622
|
-
.iui-breadcrumbs-item .iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button[disabled]:hover.iui-active, .iui-breadcrumbs-item .iui-button[disabled]:active.iui-active, .iui-breadcrumbs-item .iui-button[disabled]:focus.iui-active{
|
|
633
|
+
.iui-breadcrumbs-item .iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button:disabled.iui-active{
|
|
623
634
|
background-color:rgba(0, 0, 0, 0.05);
|
|
624
635
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
625
636
|
.iui-breadcrumbs-item > *,
|
|
626
|
-
.iui-breadcrumbs-item .iui-label{
|
|
637
|
+
.iui-breadcrumbs-item .iui-button-label{
|
|
627
638
|
overflow:hidden;
|
|
628
639
|
white-space:nowrap;
|
|
629
640
|
text-overflow:ellipsis; }
|
|
@@ -682,25 +693,21 @@ html.iui-theme-dark{
|
|
|
682
693
|
cursor:pointer;
|
|
683
694
|
white-space:nowrap;
|
|
684
695
|
border:1px solid transparent;
|
|
696
|
+
color:rgba(0, 0, 0, 0.8);
|
|
697
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
|
|
685
698
|
padding:0 16px;
|
|
686
699
|
height:38px;
|
|
687
|
-
|
|
688
|
-
|
|
689
|
-
|
|
690
|
-
|
|
691
|
-
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
692
|
-
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
700
|
+
gap:8px;
|
|
701
|
+
padding:0 16px;
|
|
702
|
+
height:38px;
|
|
703
|
+
gap:8px; }
|
|
693
704
|
@media (prefers-reduced-motion: no-preference){
|
|
694
705
|
.iui-button{
|
|
695
706
|
transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } }
|
|
696
|
-
.iui-button
|
|
697
|
-
|
|
698
|
-
|
|
699
|
-
|
|
700
|
-
.iui-button > .iui-icon:not(.iui-user-icon){
|
|
701
|
-
transition:fill 0.2s ease-out; } }
|
|
702
|
-
.iui-button:enabled:hover{
|
|
703
|
-
text-decoration:none; }
|
|
707
|
+
.iui-button:hover{
|
|
708
|
+
text-decoration:none;
|
|
709
|
+
color:black;
|
|
710
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
704
711
|
.iui-button:focus{
|
|
705
712
|
outline:0;
|
|
706
713
|
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
@@ -711,65 +718,66 @@ html.iui-theme-dark{
|
|
|
711
718
|
outline:0;
|
|
712
719
|
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
|
|
713
720
|
box-shadow:var(--iui-focus-box-shadow); }
|
|
714
|
-
.iui-button
|
|
715
|
-
|
|
716
|
-
|
|
717
|
-
|
|
718
|
-
|
|
719
|
-
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
726
|
-
|
|
727
|
-
|
|
728
|
-
|
|
729
|
-
.iui-button.iui-
|
|
730
|
-
|
|
731
|
-
|
|
732
|
-
|
|
733
|
-
|
|
734
|
-
|
|
735
|
-
|
|
736
|
-
|
|
737
|
-
|
|
738
|
-
|
|
739
|
-
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
743
|
-
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
747
|
-
|
|
748
|
-
.iui-button
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
|
|
752
|
-
|
|
753
|
-
border-color
|
|
754
|
-
|
|
755
|
-
.iui-button
|
|
756
|
-
|
|
757
|
-
|
|
758
|
-
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
padding-right:12px; }
|
|
764
|
-
.iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
|
|
765
|
-
background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
|
|
766
|
-
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)); }
|
|
767
|
-
.iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled > .iui-label, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover > .iui-label, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active > .iui-label{
|
|
721
|
+
.iui-button[disabled], .iui-button:disabled{
|
|
722
|
+
cursor:not-allowed;
|
|
723
|
+
background:#EEF0F3;
|
|
724
|
+
border-color:#EEF0F3;
|
|
725
|
+
color:rgba(0, 0, 0, 0.2);
|
|
726
|
+
background:var(--iui-color-background-disabled);
|
|
727
|
+
border-color:var(--iui-color-background-disabled);
|
|
728
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
729
|
+
.iui-button.iui-default{
|
|
730
|
+
background-color:#FFF;
|
|
731
|
+
border-color:rgba(0, 0, 0, 0.4);
|
|
732
|
+
color:rgba(0, 0, 0, 0.8);
|
|
733
|
+
background-color:var(--iui-color-background-1);
|
|
734
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
735
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
736
|
+
.iui-button.iui-default:hover, .iui-button.iui-default:active, .iui-button.iui-default:focus{
|
|
737
|
+
background-color:#f2f2f2;
|
|
738
|
+
border-color:black;
|
|
739
|
+
color:black;
|
|
740
|
+
background-color:var(--iui-color-background-1-overlay);
|
|
741
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
|
|
742
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
743
|
+
.iui-button.iui-default:hover .iui-notification-primary::before,
|
|
744
|
+
.iui-button.iui-default:hover .iui-notification-positive::before,
|
|
745
|
+
.iui-button.iui-default:hover .iui-notification-warning::before,
|
|
746
|
+
.iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before,
|
|
747
|
+
.iui-button.iui-default:active .iui-notification-positive::before,
|
|
748
|
+
.iui-button.iui-default:active .iui-notification-warning::before,
|
|
749
|
+
.iui-button.iui-default:active .iui-notification-negative::before, .iui-button.iui-default:focus .iui-notification-primary::before,
|
|
750
|
+
.iui-button.iui-default:focus .iui-notification-positive::before,
|
|
751
|
+
.iui-button.iui-default:focus .iui-notification-warning::before,
|
|
752
|
+
.iui-button.iui-default:focus .iui-notification-negative::before{
|
|
753
|
+
border-color:#f2f2f2;
|
|
754
|
+
border-color:var(--iui-color-background-1-overlay); }
|
|
755
|
+
.iui-button.iui-default:focus:not(:focus-visible){
|
|
756
|
+
background-color:#FFF;
|
|
757
|
+
border-color:rgba(0, 0, 0, 0.4);
|
|
758
|
+
color:rgba(0, 0, 0, 0.8);
|
|
759
|
+
background-color:var(--iui-color-background-1);
|
|
760
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
|
|
761
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
762
|
+
.iui-button.iui-default.iui-dropdown{
|
|
763
|
+
padding-right:8px; }
|
|
764
|
+
.iui-button.iui-default.iui-dropdown.iui-small{
|
|
765
|
+
padding-right:4px; }
|
|
766
|
+
.iui-button.iui-default.iui-dropdown.iui-large{
|
|
767
|
+
padding-right:12px; }
|
|
768
|
+
.iui-button.iui-default.iui-active{
|
|
769
|
+
background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
|
|
768
770
|
color:#008BE1;
|
|
771
|
+
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));
|
|
769
772
|
color:var(--iui-color-foreground-primary); }
|
|
770
|
-
.iui-button.iui-
|
|
771
|
-
|
|
772
|
-
|
|
773
|
+
.iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
|
|
774
|
+
cursor:not-allowed;
|
|
775
|
+
background:#EEF0F3;
|
|
776
|
+
border-color:#EEF0F3;
|
|
777
|
+
color:rgba(0, 0, 0, 0.2);
|
|
778
|
+
background:var(--iui-color-background-disabled);
|
|
779
|
+
border-color:var(--iui-color-background-disabled);
|
|
780
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
773
781
|
.iui-button.iui-high-visibility{
|
|
774
782
|
background-color:#008BE1;
|
|
775
783
|
border-color:#008BE1;
|
|
@@ -777,19 +785,28 @@ html.iui-theme-dark{
|
|
|
777
785
|
background-color:var(--iui-color-background-primary);
|
|
778
786
|
border-color:var(--iui-color-background-primary);
|
|
779
787
|
color:var(--iui-color-foreground-accessory); }
|
|
780
|
-
.iui-button.iui-high-visibility
|
|
781
|
-
fill:#FFF;
|
|
782
|
-
fill:var(--iui-color-foreground-accessory); }
|
|
783
|
-
.iui-button.iui-high-visibility:enabled:hover, .iui-button.iui-high-visibility:enabled:active, .iui-button.iui-high-visibility:focus-visible{
|
|
788
|
+
.iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active, .iui-button.iui-high-visibility:focus{
|
|
784
789
|
background-color:#006bae;
|
|
785
790
|
border-color:#006bae;
|
|
786
791
|
color:#FFF;
|
|
787
792
|
background-color:var(--iui-color-background-primary-overlay);
|
|
788
793
|
border-color:var(--iui-color-background-primary-overlay);
|
|
789
794
|
color:var(--iui-color-foreground-accessory); }
|
|
790
|
-
|
|
791
|
-
|
|
792
|
-
|
|
795
|
+
.iui-button.iui-high-visibility:focus:not(:focus-visible){
|
|
796
|
+
background-color:#008BE1;
|
|
797
|
+
border-color:#008BE1;
|
|
798
|
+
color:#FFF;
|
|
799
|
+
background-color:var(--iui-color-background-primary);
|
|
800
|
+
border-color:var(--iui-color-background-primary);
|
|
801
|
+
color:var(--iui-color-foreground-accessory); }
|
|
802
|
+
.iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{
|
|
803
|
+
cursor:not-allowed;
|
|
804
|
+
background:#EEF0F3;
|
|
805
|
+
border-color:#EEF0F3;
|
|
806
|
+
color:rgba(0, 0, 0, 0.2);
|
|
807
|
+
background:var(--iui-color-background-disabled);
|
|
808
|
+
border-color:var(--iui-color-background-disabled);
|
|
809
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
793
810
|
.iui-button.iui-cta{
|
|
794
811
|
background-color:#53A21A;
|
|
795
812
|
border-color:#53A21A;
|
|
@@ -797,19 +814,28 @@ html.iui-theme-dark{
|
|
|
797
814
|
background-color:var(--iui-color-background-positive);
|
|
798
815
|
border-color:var(--iui-color-background-positive);
|
|
799
816
|
color:var(--iui-color-foreground-accessory); }
|
|
800
|
-
.iui-button.iui-cta
|
|
801
|
-
fill:#FFF;
|
|
802
|
-
fill:var(--iui-color-foreground-accessory); }
|
|
803
|
-
.iui-button.iui-cta:enabled:hover, .iui-button.iui-cta:enabled:active, .iui-button.iui-cta:focus-visible{
|
|
817
|
+
.iui-button.iui-cta:hover, .iui-button.iui-cta:active, .iui-button.iui-cta:focus{
|
|
804
818
|
background-color:#3c7613;
|
|
805
819
|
border-color:#3c7613;
|
|
806
820
|
color:#FFF;
|
|
807
821
|
background-color:var(--iui-color-background-positive-overlay);
|
|
808
822
|
border-color:var(--iui-color-background-positive-overlay);
|
|
809
823
|
color:var(--iui-color-foreground-accessory); }
|
|
810
|
-
|
|
811
|
-
|
|
812
|
-
|
|
824
|
+
.iui-button.iui-cta:focus:not(:focus-visible){
|
|
825
|
+
background-color:#53A21A;
|
|
826
|
+
border-color:#53A21A;
|
|
827
|
+
color:#FFF;
|
|
828
|
+
background-color:var(--iui-color-background-positive);
|
|
829
|
+
border-color:var(--iui-color-background-positive);
|
|
830
|
+
color:var(--iui-color-foreground-accessory); }
|
|
831
|
+
.iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{
|
|
832
|
+
cursor:not-allowed;
|
|
833
|
+
background:#EEF0F3;
|
|
834
|
+
border-color:#EEF0F3;
|
|
835
|
+
color:rgba(0, 0, 0, 0.2);
|
|
836
|
+
background:var(--iui-color-background-disabled);
|
|
837
|
+
border-color:var(--iui-color-background-disabled);
|
|
838
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
813
839
|
.iui-button.iui-idea{
|
|
814
840
|
background-color:#008BE1;
|
|
815
841
|
border-color:#008BE1;
|
|
@@ -822,61 +848,87 @@ html.iui-theme-dark{
|
|
|
822
848
|
position:fixed;
|
|
823
849
|
bottom:11px;
|
|
824
850
|
right:16px; }
|
|
825
|
-
.iui-button.iui-idea
|
|
826
|
-
fill:#FFF;
|
|
827
|
-
fill:var(--iui-color-foreground-accessory); }
|
|
828
|
-
.iui-button.iui-idea:enabled:hover, .iui-button.iui-idea:enabled:active, .iui-button.iui-idea:focus-visible{
|
|
851
|
+
.iui-button.iui-idea:hover, .iui-button.iui-idea:active, .iui-button.iui-idea:focus{
|
|
829
852
|
background-color:#006bae;
|
|
830
853
|
border-color:#006bae;
|
|
831
854
|
color:#FFF;
|
|
832
855
|
background-color:var(--iui-color-background-primary-overlay);
|
|
833
856
|
border-color:var(--iui-color-background-primary-overlay);
|
|
834
857
|
color:var(--iui-color-foreground-accessory); }
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
858
|
+
.iui-button.iui-idea:focus:not(:focus-visible){
|
|
859
|
+
background-color:#008BE1;
|
|
860
|
+
border-color:#008BE1;
|
|
861
|
+
color:#FFF;
|
|
862
|
+
background-color:var(--iui-color-background-primary);
|
|
863
|
+
border-color:var(--iui-color-background-primary);
|
|
864
|
+
color:var(--iui-color-foreground-accessory); }
|
|
865
|
+
.iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{
|
|
866
|
+
cursor:not-allowed;
|
|
867
|
+
background:#EEF0F3;
|
|
868
|
+
border-color:#EEF0F3;
|
|
869
|
+
color:rgba(0, 0, 0, 0.2);
|
|
870
|
+
background:var(--iui-color-background-disabled);
|
|
871
|
+
border-color:var(--iui-color-background-disabled);
|
|
872
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
838
873
|
.iui-button.iui-borderless{
|
|
839
|
-
background-color:transparent;
|
|
840
874
|
border-color:transparent;
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
845
|
-
|
|
846
|
-
.iui-button.iui-borderless > .iui-icon:only-child{
|
|
875
|
+
background-color:transparent;
|
|
876
|
+
padding:0 8px;
|
|
877
|
+
height:38px;
|
|
878
|
+
gap:8px; }
|
|
879
|
+
.iui-button.iui-borderless > .iui-button-icon:only-child{
|
|
847
880
|
margin-left:3px;
|
|
848
881
|
margin-right:3px; }
|
|
849
|
-
.iui-button.iui-borderless:
|
|
882
|
+
.iui-button.iui-borderless:hover, .iui-button.iui-borderless:focus{
|
|
850
883
|
background-color:rgba(0, 0, 0, 0.1);
|
|
851
884
|
border-color:transparent;
|
|
852
885
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
853
886
|
border-color:transparent; }
|
|
854
|
-
.iui-button.iui-borderless
|
|
855
|
-
|
|
887
|
+
.iui-button.iui-borderless:focus:not(:focus-visible){
|
|
888
|
+
border-color:transparent;
|
|
889
|
+
background-color:transparent; }
|
|
890
|
+
.iui-button.iui-borderless:focus:not(:focus-visible) > .iui-button-icon:only-child{
|
|
891
|
+
margin-left:3px;
|
|
892
|
+
margin-right:3px; }
|
|
893
|
+
.iui-button.iui-borderless.iui-active{
|
|
856
894
|
background-color:rgba(0, 139, 225, 0.1);
|
|
895
|
+
color:#008BE1;
|
|
857
896
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
897
|
+
color:var(--iui-color-foreground-primary);
|
|
858
898
|
border-color:transparent; }
|
|
859
|
-
.iui-button.iui-borderless[disabled], .iui-button.iui-borderless
|
|
899
|
+
.iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{
|
|
900
|
+
cursor:not-allowed;
|
|
901
|
+
background:#EEF0F3;
|
|
902
|
+
border-color:#EEF0F3;
|
|
903
|
+
color:rgba(0, 0, 0, 0.2);
|
|
904
|
+
background:var(--iui-color-background-disabled);
|
|
905
|
+
border-color:var(--iui-color-background-disabled);
|
|
906
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
907
|
+
background-color:transparent;
|
|
908
|
+
border-color:transparent;
|
|
860
909
|
background-color:transparent;
|
|
861
910
|
border-color:transparent; }
|
|
862
|
-
.iui-button.iui-borderless[disabled]
|
|
863
|
-
fill:rgba(0, 0, 0, 0.2);
|
|
864
|
-
fill:var(--iui-icons-color-actionable-disabled); }
|
|
865
|
-
.iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless[disabled]:hover.iui-active, .iui-button.iui-borderless[disabled]:active.iui-active, .iui-button.iui-borderless[disabled]:focus.iui-active{
|
|
911
|
+
.iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{
|
|
866
912
|
background-color:rgba(0, 0, 0, 0.05);
|
|
867
913
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
868
|
-
.iui-button
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
914
|
+
.iui-button.iui-small{
|
|
915
|
+
padding:0 8px;
|
|
916
|
+
height:27px;
|
|
917
|
+
gap:4px; }
|
|
918
|
+
.iui-button.iui-small.iui-borderless{
|
|
919
|
+
padding:0 2px;
|
|
920
|
+
height:27px;
|
|
921
|
+
gap:4px; }
|
|
922
|
+
.iui-button.iui-large{
|
|
923
|
+
padding:0 24px;
|
|
924
|
+
height:49px;
|
|
925
|
+
font-size:16px;
|
|
926
|
+
gap:12px; }
|
|
927
|
+
.iui-button.iui-large.iui-borderless{
|
|
928
|
+
padding:0 12px;
|
|
929
|
+
height:49px;
|
|
930
|
+
font-size:16px;
|
|
931
|
+
gap:12px; }
|
|
880
932
|
|
|
881
933
|
.iui-button-group{
|
|
882
934
|
display:inline-flex;
|
|
@@ -889,17 +941,17 @@ html.iui-theme-dark{
|
|
|
889
941
|
.iui-button-group > .iui-button:last-of-type:not(.iui-borderless){
|
|
890
942
|
border-top-right-radius:3px;
|
|
891
943
|
border-bottom-right-radius:3px; }
|
|
892
|
-
.iui-button-group > .iui-button
|
|
944
|
+
.iui-button-group > .iui-button.iui-default:not(:last-of-type){
|
|
893
945
|
border-right:none; }
|
|
894
|
-
.iui-button-group > .iui-button
|
|
946
|
+
.iui-button-group > .iui-button.iui-default:not(:disabled) + :disabled{
|
|
895
947
|
border-left-color:rgba(0, 0, 0, 0.4);
|
|
896
948
|
border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
897
|
-
.iui-button-group > .iui-button
|
|
898
|
-
.iui-button-group > .iui-button
|
|
899
|
-
.iui-button-group > .iui-button
|
|
949
|
+
.iui-button-group > .iui-button.iui-default:not(:disabled):hover + .iui-button,
|
|
950
|
+
.iui-button-group > .iui-button.iui-default:not(:disabled):active + .iui-button,
|
|
951
|
+
.iui-button-group > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
|
|
900
952
|
border-left-color:black;
|
|
901
953
|
border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
902
|
-
.iui-button-group > .iui-button
|
|
954
|
+
.iui-button-group > .iui-button.iui-default:disabled + .iui-button:disabled{
|
|
903
955
|
border-left-color:#DCE0E3;
|
|
904
956
|
border-left-color:var(--iui-color-background-4); }
|
|
905
957
|
.iui-button-group > .iui-active::after{
|
|
@@ -929,17 +981,17 @@ html.iui-theme-dark{
|
|
|
929
981
|
.iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
|
|
930
982
|
border-top-right-radius:3px;
|
|
931
983
|
border-bottom-right-radius:3px; }
|
|
932
|
-
.iui-button-split-menu > .iui-button
|
|
984
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:last-of-type){
|
|
933
985
|
border-right:none; }
|
|
934
|
-
.iui-button-split-menu > .iui-button
|
|
986
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled) + :disabled{
|
|
935
987
|
border-left-color:rgba(0, 0, 0, 0.4);
|
|
936
988
|
border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
937
|
-
.iui-button-split-menu > .iui-button
|
|
938
|
-
.iui-button-split-menu > .iui-button
|
|
939
|
-
.iui-button-split-menu > .iui-button
|
|
989
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled):hover + .iui-button,
|
|
990
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled):active + .iui-button,
|
|
991
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
|
|
940
992
|
border-left-color:black;
|
|
941
993
|
border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
942
|
-
.iui-button-split-menu > .iui-button
|
|
994
|
+
.iui-button-split-menu > .iui-button.iui-default:disabled + .iui-button:disabled{
|
|
943
995
|
border-left-color:#DCE0E3;
|
|
944
996
|
border-left-color:var(--iui-color-background-4); }
|
|
945
997
|
.iui-button-split-menu > .iui-active::after{
|
|
@@ -963,17 +1015,17 @@ html.iui-theme-dark{
|
|
|
963
1015
|
.iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
|
|
964
1016
|
border-top-right-radius:3px;
|
|
965
1017
|
border-bottom-right-radius:3px; }
|
|
966
|
-
.iui-button-split-menu > .iui-button
|
|
1018
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:last-of-type){
|
|
967
1019
|
border-right:none; }
|
|
968
|
-
.iui-button-split-menu > .iui-button
|
|
1020
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled) + :disabled{
|
|
969
1021
|
border-left-color:rgba(0, 0, 0, 0.4);
|
|
970
1022
|
border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
971
|
-
.iui-button-split-menu > .iui-button
|
|
972
|
-
.iui-button-split-menu > .iui-button
|
|
973
|
-
.iui-button-split-menu > .iui-button
|
|
1023
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled):hover + .iui-button,
|
|
1024
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled):active + .iui-button,
|
|
1025
|
+
.iui-button-split-menu > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
|
|
974
1026
|
border-left-color:black;
|
|
975
1027
|
border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
|
|
976
|
-
.iui-button-split-menu > .iui-button
|
|
1028
|
+
.iui-button-split-menu > .iui-button.iui-default:disabled + .iui-button:disabled{
|
|
977
1029
|
border-left-color:#DCE0E3;
|
|
978
1030
|
border-left-color:var(--iui-color-background-4); }
|
|
979
1031
|
.iui-button-split-menu > .iui-active::after{
|
|
@@ -1009,6 +1061,20 @@ html.iui-theme-dark{
|
|
|
1009
1061
|
.iui-button-split-menu.iui-disabled{
|
|
1010
1062
|
background-color:transparent;
|
|
1011
1063
|
background-color:transparent; }
|
|
1064
|
+
.iui-button-split-menu[disabled], .iui-button-split-menu:disabled{
|
|
1065
|
+
cursor:not-allowed;
|
|
1066
|
+
background:#EEF0F3;
|
|
1067
|
+
border-color:#EEF0F3;
|
|
1068
|
+
color:rgba(0, 0, 0, 0.2);
|
|
1069
|
+
background:var(--iui-color-background-disabled);
|
|
1070
|
+
border-color:var(--iui-color-background-disabled);
|
|
1071
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
|
|
1072
|
+
|
|
1073
|
+
.iui-button-icon{
|
|
1074
|
+
width:16px;
|
|
1075
|
+
height:16px;
|
|
1076
|
+
transition:fill 0.2s ease-out;
|
|
1077
|
+
fill:currentColor; }
|
|
1012
1078
|
|
|
1013
1079
|
.iui-code{
|
|
1014
1080
|
margin:0;
|
|
@@ -1047,6 +1113,8 @@ html.iui-theme-dark{
|
|
|
1047
1113
|
user-select:all; }
|
|
1048
1114
|
.iui-codeblock > .iui-title-bar > .iui-button{
|
|
1049
1115
|
margin-left:auto; }
|
|
1116
|
+
.iui-codeblock .iui-button{
|
|
1117
|
+
gap:0; }
|
|
1050
1118
|
.iui-codeblock > .iui-codeblock-content{
|
|
1051
1119
|
margin:0;
|
|
1052
1120
|
overflow-x:auto;
|
|
@@ -1097,7 +1165,9 @@ html.iui-theme-dark{
|
|
|
1097
1165
|
vertical-align:baseline;
|
|
1098
1166
|
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
1099
1167
|
background-color:#FFF;
|
|
1168
|
+
color:rgba(0, 0, 0, 0.8);
|
|
1100
1169
|
background-color:var(--iui-color-background-1);
|
|
1170
|
+
color:var(--iui-text-color);
|
|
1101
1171
|
box-sizing:border-box;
|
|
1102
1172
|
border-radius:3px;
|
|
1103
1173
|
display:inline-flex;
|
|
@@ -1278,7 +1348,9 @@ html.iui-theme-dark{
|
|
|
1278
1348
|
vertical-align:baseline;
|
|
1279
1349
|
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
1280
1350
|
background-color:#FFF;
|
|
1351
|
+
color:rgba(0, 0, 0, 0.8);
|
|
1281
1352
|
background-color:var(--iui-color-background-1);
|
|
1353
|
+
color:var(--iui-text-color);
|
|
1282
1354
|
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
1283
1355
|
-webkit-user-select:none;
|
|
1284
1356
|
-moz-user-select:none;
|
|
@@ -1754,41 +1826,50 @@ html.iui-theme-dark{
|
|
|
1754
1826
|
display:flex;
|
|
1755
1827
|
align-items:center;
|
|
1756
1828
|
height:100%; }
|
|
1757
|
-
.iui-page-header
|
|
1829
|
+
.iui-page-header .iui-header-button-icon{
|
|
1758
1830
|
width:24px;
|
|
1759
1831
|
height:24px;
|
|
1760
1832
|
border-radius:3px; }
|
|
1761
1833
|
@media (prefers-reduced-motion: no-preference){
|
|
1762
|
-
.iui-page-header
|
|
1834
|
+
.iui-page-header .iui-header-button-icon{
|
|
1763
1835
|
transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
|
|
1764
|
-
.iui-page-header
|
|
1836
|
+
.iui-page-header .iui-header-button.iui-header-button{
|
|
1837
|
+
padding:0 12px;
|
|
1838
|
+
height:49px;
|
|
1839
|
+
font-size:16px;
|
|
1840
|
+
gap:12px;
|
|
1841
|
+
gap:0;
|
|
1765
1842
|
max-width:25vw;
|
|
1843
|
+
height:100%;
|
|
1844
|
+
border-radius:0;
|
|
1766
1845
|
overflow:hidden;
|
|
1767
1846
|
padding-right:8px; }
|
|
1768
|
-
.iui-page-header
|
|
1847
|
+
.iui-page-header .iui-header-button.iui-header-button:focus{
|
|
1769
1848
|
box-shadow:none;
|
|
1770
1849
|
outline-offset:-1px;
|
|
1771
1850
|
outline:1px solid #008BE1;
|
|
1772
1851
|
outline:1px solid var(--iui-color-foreground-primary); }
|
|
1773
|
-
.iui-page-header
|
|
1852
|
+
.iui-page-header .iui-header-button.iui-header-button:focus:not(:focus-visible){
|
|
1774
1853
|
outline:0; }
|
|
1775
|
-
.iui-page-header
|
|
1854
|
+
.iui-page-header .iui-header-button.iui-header-button > .iui-button-label{
|
|
1776
1855
|
text-align:left;
|
|
1777
1856
|
font-size:14px;
|
|
1778
1857
|
overflow:hidden; }
|
|
1779
|
-
.iui-page-header
|
|
1858
|
+
.iui-page-header .iui-header-button.iui-header-button > .iui-button-label > div{
|
|
1780
1859
|
overflow:hidden;
|
|
1781
1860
|
text-overflow:ellipsis; }
|
|
1782
|
-
.iui-page-header
|
|
1861
|
+
.iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
|
|
1783
1862
|
height:22px;
|
|
1784
1863
|
opacity:0.6;
|
|
1785
1864
|
opacity:var(--iui-opacity-3); }
|
|
1786
1865
|
@media (prefers-reduced-motion: no-preference){
|
|
1787
|
-
.iui-page-header
|
|
1866
|
+
.iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
|
|
1788
1867
|
transition:all 0.2s ease; } }
|
|
1789
|
-
.iui-page-header
|
|
1868
|
+
.iui-page-header .iui-header-button.iui-header-button > .iui-button-icon{
|
|
1790
1869
|
flex-shrink:0; }
|
|
1791
|
-
.iui-page-header
|
|
1870
|
+
.iui-page-header .iui-header-button.iui-header-button > * + *{
|
|
1871
|
+
margin-left:12px; }
|
|
1872
|
+
.iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
|
|
1792
1873
|
padding:4px;
|
|
1793
1874
|
width:16px;
|
|
1794
1875
|
height:16px;
|
|
@@ -1798,90 +1879,101 @@ html.iui-theme-dark{
|
|
|
1798
1879
|
background-color:var(--iui-color-background-3);
|
|
1799
1880
|
fill:var(--iui-icons-color); }
|
|
1800
1881
|
@media (prefers-reduced-motion: no-preference){
|
|
1801
|
-
.iui-page-header
|
|
1882
|
+
.iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
|
|
1802
1883
|
transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
|
|
1803
|
-
.iui-page-header
|
|
1884
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active svg{
|
|
1804
1885
|
fill:#008BE1;
|
|
1805
1886
|
fill:var(--iui-icons-color-primary); }
|
|
1806
|
-
.iui-page-header
|
|
1887
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover{
|
|
1807
1888
|
box-shadow:0 2px 0 0 #008BE1;
|
|
1808
1889
|
background-color:rgba(0, 139, 225, 0.1);
|
|
1809
1890
|
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
|
|
1810
1891
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1811
|
-
.iui-page-header
|
|
1892
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:hover .iui-header-button-icon{
|
|
1812
1893
|
fill:#008BE1;
|
|
1813
1894
|
background-color:rgba(0, 139, 225, 0.1);
|
|
1814
1895
|
fill:var(--iui-icons-color-primary);
|
|
1815
1896
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1816
|
-
.iui-page-header
|
|
1897
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
|
|
1817
1898
|
color:#008BE1;
|
|
1818
1899
|
color:var(--iui-color-foreground-primary); }
|
|
1819
|
-
.iui-page-header
|
|
1900
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active:focus{
|
|
1820
1901
|
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
1821
1902
|
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1822
|
-
.iui-page-header
|
|
1903
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active:focus:not(:focus-visible){
|
|
1823
1904
|
box-shadow:0 2px 0 0 #008BE1;
|
|
1824
1905
|
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1825
|
-
.iui-page-header
|
|
1906
|
+
.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{
|
|
1826
1907
|
background-color:rgba(0, 0, 0, 0.05);
|
|
1827
1908
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
1828
1909
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
|
|
1829
1910
|
box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
1830
|
-
.iui-page-header
|
|
1911
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-label, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-label{
|
|
1831
1912
|
color:rgba(0, 0, 0, 0.2);
|
|
1832
1913
|
color:var(--iui-icons-color-actionable-disabled); }
|
|
1833
|
-
.iui-page-header
|
|
1914
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-icon,
|
|
1915
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-icon,
|
|
1916
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active:disabled svg{
|
|
1834
1917
|
fill:rgba(0, 0, 0, 0.2);
|
|
1835
1918
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
1836
|
-
.iui-page-header
|
|
1919
|
+
.iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-header-button-icon{
|
|
1837
1920
|
background-color:rgba(0, 0, 0, 0.05);
|
|
1838
1921
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
1839
|
-
.iui-page-header
|
|
1922
|
+
.iui-page-header .iui-header-button.iui-header-button:disabled .iui-header-button-icon{
|
|
1840
1923
|
filter:grayscale(1) opacity(0.7); }
|
|
1841
1924
|
.iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
|
|
1842
1925
|
width:12px;
|
|
1843
1926
|
height:12px;
|
|
1844
1927
|
padding:2px; }
|
|
1845
|
-
.iui-page-header.iui-slim > .iui-left .iui-button
|
|
1928
|
+
.iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
|
|
1846
1929
|
opacity:0;
|
|
1847
1930
|
height:0.1px;
|
|
1848
1931
|
width:0.1px;
|
|
1849
1932
|
margin:0;
|
|
1850
1933
|
padding:0; }
|
|
1851
|
-
.iui-page-header
|
|
1934
|
+
.iui-page-header .iui-header-split-button{
|
|
1852
1935
|
height:100%;
|
|
1853
1936
|
display:flex;
|
|
1854
1937
|
overflow:hidden;
|
|
1855
1938
|
max-width:25vw; }
|
|
1856
|
-
.iui-page-header
|
|
1939
|
+
.iui-page-header .iui-header-split-button .iui-button{
|
|
1940
|
+
padding:0 12px;
|
|
1941
|
+
height:49px;
|
|
1942
|
+
font-size:16px;
|
|
1943
|
+
gap:12px;
|
|
1944
|
+
gap:0;
|
|
1857
1945
|
max-width:25vw;
|
|
1946
|
+
height:100%;
|
|
1947
|
+
border-radius:0;
|
|
1858
1948
|
overflow:hidden;
|
|
1859
1949
|
padding-right:8px;
|
|
1860
1950
|
padding:0 4px; }
|
|
1861
|
-
.iui-page-header
|
|
1951
|
+
.iui-page-header .iui-header-split-button .iui-button:focus{
|
|
1862
1952
|
box-shadow:none;
|
|
1863
1953
|
outline-offset:-1px;
|
|
1864
1954
|
outline:1px solid #008BE1;
|
|
1865
1955
|
outline:1px solid var(--iui-color-foreground-primary); }
|
|
1866
|
-
.iui-page-header
|
|
1956
|
+
.iui-page-header .iui-header-split-button .iui-button:focus:not(:focus-visible){
|
|
1867
1957
|
outline:0; }
|
|
1868
|
-
.iui-page-header
|
|
1958
|
+
.iui-page-header .iui-header-split-button .iui-button > .iui-button-label{
|
|
1869
1959
|
text-align:left;
|
|
1870
1960
|
font-size:14px;
|
|
1871
1961
|
overflow:hidden; }
|
|
1872
|
-
.iui-page-header
|
|
1962
|
+
.iui-page-header .iui-header-split-button .iui-button > .iui-button-label > div{
|
|
1873
1963
|
overflow:hidden;
|
|
1874
1964
|
text-overflow:ellipsis; }
|
|
1875
|
-
.iui-page-header
|
|
1965
|
+
.iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
|
|
1876
1966
|
height:22px;
|
|
1877
1967
|
opacity:0.6;
|
|
1878
1968
|
opacity:var(--iui-opacity-3); }
|
|
1879
1969
|
@media (prefers-reduced-motion: no-preference){
|
|
1880
|
-
.iui-page-header
|
|
1970
|
+
.iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
|
|
1881
1971
|
transition:all 0.2s ease; } }
|
|
1882
|
-
.iui-page-header
|
|
1972
|
+
.iui-page-header .iui-header-split-button .iui-button > .iui-button-icon{
|
|
1883
1973
|
flex-shrink:0; }
|
|
1884
|
-
.iui-page-header
|
|
1974
|
+
.iui-page-header .iui-header-split-button .iui-button > * + *{
|
|
1975
|
+
margin-left:12px; }
|
|
1976
|
+
.iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
|
|
1885
1977
|
padding:4px;
|
|
1886
1978
|
width:16px;
|
|
1887
1979
|
height:16px;
|
|
@@ -1891,131 +1983,108 @@ html.iui-theme-dark{
|
|
|
1891
1983
|
background-color:var(--iui-color-background-3);
|
|
1892
1984
|
fill:var(--iui-icons-color); }
|
|
1893
1985
|
@media (prefers-reduced-motion: no-preference){
|
|
1894
|
-
.iui-page-header
|
|
1986
|
+
.iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
|
|
1895
1987
|
transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
|
|
1896
|
-
.iui-page-header
|
|
1988
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active svg{
|
|
1897
1989
|
fill:#008BE1;
|
|
1898
1990
|
fill:var(--iui-icons-color-primary); }
|
|
1899
|
-
.iui-page-header
|
|
1991
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover{
|
|
1900
1992
|
box-shadow:0 2px 0 0 #008BE1;
|
|
1901
1993
|
background-color:rgba(0, 139, 225, 0.1);
|
|
1902
1994
|
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
|
|
1903
1995
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1904
|
-
.iui-page-header
|
|
1996
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:hover .iui-header-button-icon{
|
|
1905
1997
|
fill:#008BE1;
|
|
1906
1998
|
background-color:rgba(0, 139, 225, 0.1);
|
|
1907
1999
|
fill:var(--iui-icons-color-primary);
|
|
1908
2000
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1909
|
-
.iui-page-header
|
|
2001
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
|
|
1910
2002
|
color:#008BE1;
|
|
1911
2003
|
color:var(--iui-color-foreground-primary); }
|
|
1912
|
-
.iui-page-header
|
|
2004
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active:focus{
|
|
1913
2005
|
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
1914
2006
|
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1915
|
-
.iui-page-header
|
|
2007
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active:focus:not(:focus-visible){
|
|
1916
2008
|
box-shadow:0 2px 0 0 #008BE1;
|
|
1917
2009
|
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1918
|
-
.iui-page-header
|
|
2010
|
+
.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{
|
|
1919
2011
|
background-color:rgba(0, 0, 0, 0.05);
|
|
1920
2012
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
1921
2013
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
|
|
1922
2014
|
box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
1923
|
-
.iui-page-header
|
|
2015
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-label, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-label{
|
|
1924
2016
|
color:rgba(0, 0, 0, 0.2);
|
|
1925
2017
|
color:var(--iui-icons-color-actionable-disabled); }
|
|
1926
|
-
.iui-page-header
|
|
2018
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-icon,
|
|
2019
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-icon,
|
|
2020
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active:disabled svg{
|
|
1927
2021
|
fill:rgba(0, 0, 0, 0.2);
|
|
1928
2022
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
1929
|
-
.iui-page-header
|
|
2023
|
+
.iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-header-button-icon{
|
|
1930
2024
|
background-color:rgba(0, 0, 0, 0.05);
|
|
1931
2025
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
1932
|
-
.iui-page-header
|
|
2026
|
+
.iui-page-header .iui-header-split-button .iui-button:disabled .iui-header-button-icon{
|
|
1933
2027
|
filter:grayscale(1) opacity(0.7); }
|
|
1934
2028
|
.iui-page-header.iui-slim > .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
|
|
1935
2029
|
width:12px;
|
|
1936
2030
|
height:12px;
|
|
1937
2031
|
padding:2px; }
|
|
1938
|
-
.iui-page-header.iui-slim > .iui-left .iui-button
|
|
2032
|
+
.iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
|
|
1939
2033
|
opacity:0;
|
|
1940
2034
|
height:0.1px;
|
|
1941
2035
|
width:0.1px;
|
|
1942
2036
|
margin:0;
|
|
1943
2037
|
padding:0; }
|
|
1944
|
-
.iui-page-header
|
|
2038
|
+
.iui-page-header .iui-header-split-button .iui-button:first-child{
|
|
1945
2039
|
padding-left:12px; }
|
|
1946
|
-
.iui-page-header
|
|
2040
|
+
.iui-page-header .iui-header-split-button.iui-active svg{
|
|
1947
2041
|
fill:#008BE1;
|
|
1948
2042
|
fill:var(--iui-icons-color-primary); }
|
|
1949
|
-
.iui-page-header
|
|
2043
|
+
.iui-page-header .iui-header-split-button.iui-active, .iui-page-header .iui-header-split-button.iui-active:hover{
|
|
1950
2044
|
box-shadow:0 2px 0 0 #008BE1;
|
|
1951
2045
|
background-color:rgba(0, 139, 225, 0.1);
|
|
1952
2046
|
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary);
|
|
1953
2047
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1954
|
-
.iui-page-header
|
|
2048
|
+
.iui-page-header .iui-header-split-button.iui-active .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:hover .iui-header-button-icon{
|
|
1955
2049
|
fill:#008BE1;
|
|
1956
2050
|
background-color:rgba(0, 139, 225, 0.1);
|
|
1957
2051
|
fill:var(--iui-icons-color-primary);
|
|
1958
2052
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1959
|
-
.iui-page-header
|
|
2053
|
+
.iui-page-header .iui-header-split-button.iui-active .iui-button-label{
|
|
1960
2054
|
color:#008BE1;
|
|
1961
2055
|
color:var(--iui-color-foreground-primary); }
|
|
1962
|
-
.iui-page-header
|
|
2056
|
+
.iui-page-header .iui-header-split-button.iui-active:focus{
|
|
1963
2057
|
box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px, 0 2px 0 0 #008BE1;
|
|
1964
2058
|
box-shadow:var(--iui-focus-box-shadow), 0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1965
|
-
.iui-page-header
|
|
2059
|
+
.iui-page-header .iui-header-split-button.iui-active:focus:not(:focus-visible){
|
|
1966
2060
|
box-shadow:0 2px 0 0 #008BE1;
|
|
1967
2061
|
box-shadow:0 2px 0 0 var(--iui-color-foreground-primary); }
|
|
1968
|
-
.iui-page-header
|
|
2062
|
+
.iui-page-header .iui-header-split-button.iui-active.iui-disabled, .iui-page-header .iui-header-split-button.iui-active:disabled{
|
|
1969
2063
|
background-color:rgba(0, 0, 0, 0.05);
|
|
1970
2064
|
box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
|
|
1971
2065
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
|
|
1972
2066
|
box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
|
|
1973
|
-
.iui-page-header
|
|
2067
|
+
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-label, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-label{
|
|
1974
2068
|
color:rgba(0, 0, 0, 0.2);
|
|
1975
2069
|
color:var(--iui-icons-color-actionable-disabled); }
|
|
1976
|
-
.iui-page-header
|
|
2070
|
+
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-icon,
|
|
2071
|
+
.iui-page-header .iui-header-split-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-icon,
|
|
2072
|
+
.iui-page-header .iui-header-split-button.iui-active:disabled svg{
|
|
1977
2073
|
fill:rgba(0, 0, 0, 0.2);
|
|
1978
2074
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
1979
|
-
.iui-page-header
|
|
2075
|
+
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-header-button-icon, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-header-button-icon{
|
|
1980
2076
|
background-color:rgba(0, 0, 0, 0.05);
|
|
1981
2077
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
1982
|
-
.iui-page-header
|
|
2078
|
+
.iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless, .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless:hover{
|
|
1983
2079
|
background-color:transparent; }
|
|
1984
|
-
.iui-page-header
|
|
2080
|
+
.iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless::after{
|
|
1985
2081
|
display:none; }
|
|
1986
|
-
.iui-page-header
|
|
2082
|
+
.iui-page-header .iui-header-split-button.iui-active .iui-button:last-child:hover{
|
|
1987
2083
|
background-color:rgba(0, 139, 225, 0.1);
|
|
1988
2084
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
1989
|
-
.iui-page-header
|
|
2085
|
+
.iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button:last-child:hover{
|
|
1990
2086
|
background-color:transparent;
|
|
1991
2087
|
background-color:transparent; }
|
|
1992
|
-
.iui-page-header > .iui-left .iui-header-logo{
|
|
1993
|
-
display:inline-flex;
|
|
1994
|
-
align-items:center;
|
|
1995
|
-
white-space:nowrap;
|
|
1996
|
-
height:100%; }
|
|
1997
|
-
.iui-page-header > .iui-left .iui-header-logo[role='button']{
|
|
1998
|
-
cursor:pointer; }
|
|
1999
|
-
.iui-page-header > .iui-left .iui-header-logo[role='button']:focus{
|
|
2000
|
-
box-shadow:none;
|
|
2001
|
-
outline-offset:-1px;
|
|
2002
|
-
outline:1px solid #008BE1;
|
|
2003
|
-
outline:1px solid var(--iui-color-foreground-primary); }
|
|
2004
|
-
.iui-page-header > .iui-left .iui-header-logo[role='button']:focus:not(:focus-visible){
|
|
2005
|
-
outline:0; }
|
|
2006
|
-
.iui-page-header > .iui-left .iui-header-logo[role='button']:hover, .iui-page-header > .iui-left .iui-header-logo[role='button']:focus-visible{
|
|
2007
|
-
background-color:#f2f2f2;
|
|
2008
|
-
background-color:var(--iui-color-background-1-overlay); }
|
|
2009
|
-
.iui-page-header > .iui-left .iui-header-logo .iui-header-button-icon{
|
|
2010
|
-
margin:0 24px;
|
|
2011
|
-
fill:rgba(0, 0, 0, 0.8);
|
|
2012
|
-
fill:var(--iui-icons-color-actionable); }
|
|
2013
|
-
.iui-page-header > .iui-left .iui-header-logo > .iui-label{
|
|
2014
|
-
margin-right:12px;
|
|
2015
|
-
font-size:16px; }
|
|
2016
|
-
@media (prefers-reduced-motion: no-preference){
|
|
2017
|
-
.iui-page-header > .iui-left .iui-header-logo > .iui-label{
|
|
2018
|
-
transition:font-size 0.2s ease-out; } }
|
|
2019
2088
|
.iui-page-header > .iui-left > nav{
|
|
2020
2089
|
display:flex;
|
|
2021
2090
|
align-items:center;
|
|
@@ -2023,6 +2092,7 @@ html.iui-theme-dark{
|
|
|
2023
2092
|
.iui-page-header > .iui-left,
|
|
2024
2093
|
.iui-page-header > .iui-left > nav{
|
|
2025
2094
|
overflow:hidden;
|
|
2095
|
+
box-sizing:content-box;
|
|
2026
2096
|
margin-bottom:-4px;
|
|
2027
2097
|
padding-bottom:4px; }
|
|
2028
2098
|
.iui-page-header > .iui-left .iui-chevron{
|
|
@@ -2079,18 +2149,63 @@ html.iui-theme-dark{
|
|
|
2079
2149
|
line-height:24px;
|
|
2080
2150
|
font-size:12px; }
|
|
2081
2151
|
@media (max-width: 768px){
|
|
2082
|
-
.iui-page-header .iui-left .iui-
|
|
2152
|
+
.iui-page-header .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon.iui-header-button-icon{
|
|
2083
2153
|
opacity:0;
|
|
2084
2154
|
height:0.1px;
|
|
2085
2155
|
width:0.1px;
|
|
2086
2156
|
margin:0;
|
|
2087
2157
|
padding:0; }
|
|
2088
|
-
.iui-page-header .iui-left .iui-
|
|
2158
|
+
.iui-page-header .iui-left .iui-button .iui-header-button-icon + .iui-button-label, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon + .iui-button-label{
|
|
2089
2159
|
margin-left:0; } }
|
|
2090
2160
|
@media (max-width: 1024px){
|
|
2091
2161
|
.iui-page-header .iui-left .iui-header-logo > .iui-label{
|
|
2092
2162
|
display:none; } }
|
|
2093
2163
|
|
|
2164
|
+
.iui-header-logo{
|
|
2165
|
+
display:inline-flex;
|
|
2166
|
+
align-items:center;
|
|
2167
|
+
white-space:nowrap;
|
|
2168
|
+
height:100%; }
|
|
2169
|
+
a.iui-header-logo,
|
|
2170
|
+
button.iui-header-logo, .iui-header-logo[role='button']{
|
|
2171
|
+
cursor:pointer;
|
|
2172
|
+
margin:0;
|
|
2173
|
+
padding:0;
|
|
2174
|
+
border:none;
|
|
2175
|
+
vertical-align:baseline;
|
|
2176
|
+
font-family:inherit;
|
|
2177
|
+
background-color:unset;
|
|
2178
|
+
color:unset; }
|
|
2179
|
+
a.iui-header-logo:focus,
|
|
2180
|
+
button.iui-header-logo:focus, .iui-header-logo[role='button']:focus{
|
|
2181
|
+
box-shadow:none;
|
|
2182
|
+
outline-offset:-1px;
|
|
2183
|
+
outline:1px solid #008BE1;
|
|
2184
|
+
outline:1px solid var(--iui-color-foreground-primary); }
|
|
2185
|
+
a.iui-header-logo:focus:not(:focus-visible),
|
|
2186
|
+
button.iui-header-logo:focus:not(:focus-visible), .iui-header-logo[role='button']:focus:not(:focus-visible){
|
|
2187
|
+
outline:0; }
|
|
2188
|
+
a.iui-header-logo:hover, a.iui-header-logo:focus,
|
|
2189
|
+
button.iui-header-logo:hover,
|
|
2190
|
+
button.iui-header-logo:focus, .iui-header-logo[role='button']:hover, .iui-header-logo[role='button']:focus{
|
|
2191
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
2192
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
|
|
2193
|
+
a.iui-header-logo:hover:not(:focus-visible):not(:hover), a.iui-header-logo:focus:not(:focus-visible):not(:hover),
|
|
2194
|
+
button.iui-header-logo:hover:not(:focus-visible):not(:hover),
|
|
2195
|
+
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){
|
|
2196
|
+
background-color:#FFF;
|
|
2197
|
+
background-color:var(--iui-color-background-1); }
|
|
2198
|
+
.iui-header-logo .iui-header-button-icon{
|
|
2199
|
+
margin:0 24px;
|
|
2200
|
+
fill:rgba(0, 0, 0, 0.8);
|
|
2201
|
+
fill:var(--iui-icons-color-actionable); }
|
|
2202
|
+
.iui-header-logo > .iui-label{
|
|
2203
|
+
margin-right:12px;
|
|
2204
|
+
font-size:16px; }
|
|
2205
|
+
@media (prefers-reduced-motion: no-preference){
|
|
2206
|
+
.iui-header-logo > .iui-label{
|
|
2207
|
+
transition:font-size 0.2s ease-out; } }
|
|
2208
|
+
|
|
2094
2209
|
.iui-icons-default{
|
|
2095
2210
|
fill:rgba(0, 0, 0, 0.4);
|
|
2096
2211
|
fill:var(--iui-icons-color);
|
|
@@ -2215,6 +2330,8 @@ html.iui-theme-dark{
|
|
|
2215
2330
|
display:flex;
|
|
2216
2331
|
flex-direction:column;
|
|
2217
2332
|
box-sizing:border-box;
|
|
2333
|
+
max-width:100%;
|
|
2334
|
+
max-height:100%;
|
|
2218
2335
|
z-index:2;
|
|
2219
2336
|
background-color:#FFF;
|
|
2220
2337
|
background-color:var(--iui-color-background-1); }
|
|
@@ -2260,6 +2377,7 @@ html.iui-theme-dark{
|
|
|
2260
2377
|
width:24px;
|
|
2261
2378
|
height:24px;
|
|
2262
2379
|
margin-right:8px;
|
|
2380
|
+
flex-shrink:0;
|
|
2263
2381
|
fill:rgba(0, 0, 0, 0.4);
|
|
2264
2382
|
fill:var(--iui-icons-color); }
|
|
2265
2383
|
.iui-information-panel .iui-information-header .iui-information-header-actions{
|
|
@@ -2333,6 +2451,29 @@ html.iui-theme-dark{
|
|
|
2333
2451
|
.iui-information-panel.iui-visible > .iui-resizer{
|
|
2334
2452
|
display:flex; }
|
|
2335
2453
|
|
|
2454
|
+
.iui-information-body-content{
|
|
2455
|
+
display:-ms-grid;
|
|
2456
|
+
display:grid; }
|
|
2457
|
+
.iui-information-body-content .iui-input-label{
|
|
2458
|
+
font-weight:400;
|
|
2459
|
+
color:rgba(0, 0, 0, 0.4);
|
|
2460
|
+
color:var(--iui-text-color-muted); }
|
|
2461
|
+
.iui-information-body-content:not(.iui-inline) > *:nth-child(even):not(:last-child){
|
|
2462
|
+
margin-bottom:11px; }
|
|
2463
|
+
.iui-information-body-content.iui-inline{
|
|
2464
|
+
row-gap:11px;
|
|
2465
|
+
-ms-grid-columns:auto 1fr;
|
|
2466
|
+
grid-template-columns:auto 1fr;
|
|
2467
|
+
align-items:center; }
|
|
2468
|
+
.iui-information-body-content.iui-inline .iui-input-label{
|
|
2469
|
+
margin:0 16px 0 0;
|
|
2470
|
+
-ms-grid-column-span:1;
|
|
2471
|
+
-ms-grid-column-align:end;
|
|
2472
|
+
justify-self:end;
|
|
2473
|
+
text-align:end; }
|
|
2474
|
+
.iui-information-body-content.iui-inline .iui-input-label.iui-required{
|
|
2475
|
+
margin-right:6px; }
|
|
2476
|
+
|
|
2336
2477
|
.iui-input-container{
|
|
2337
2478
|
margin:0;
|
|
2338
2479
|
padding:0;
|
|
@@ -2423,12 +2564,13 @@ html.iui-theme-dark{
|
|
|
2423
2564
|
-ms-grid-column:1;
|
|
2424
2565
|
-ms-grid-column-span:2;
|
|
2425
2566
|
font-weight:600;
|
|
2567
|
+
margin-bottom:3px;
|
|
2426
2568
|
grid-area:label;
|
|
2427
2569
|
-ms-grid-row-align:center;
|
|
2428
|
-
align-self:center;
|
|
2429
|
-
margin-bottom:3px; }
|
|
2570
|
+
align-self:center; }
|
|
2430
2571
|
.iui-input-container > .iui-label.iui-required::after{
|
|
2431
|
-
content:'
|
|
2572
|
+
content:'*';
|
|
2573
|
+
margin-left:4px;
|
|
2432
2574
|
color:#D30A0A;
|
|
2433
2575
|
color:var(--iui-color-foreground-negative); }
|
|
2434
2576
|
.iui-input-container .iui-input-icon{
|
|
@@ -2624,6 +2766,28 @@ html.iui-theme-dark{
|
|
|
2624
2766
|
border-bottom:2px solid var(--iui-color-foreground-warning);
|
|
2625
2767
|
box-shadow:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5)) 0 0 0 2px; }
|
|
2626
2768
|
|
|
2769
|
+
.iui-input-label{
|
|
2770
|
+
font-weight:600;
|
|
2771
|
+
margin-bottom:3px;
|
|
2772
|
+
cursor:default;
|
|
2773
|
+
display:block; }
|
|
2774
|
+
.iui-input-label.iui-required::after{
|
|
2775
|
+
content:'*';
|
|
2776
|
+
margin-left:4px;
|
|
2777
|
+
color:#D30A0A;
|
|
2778
|
+
color:var(--iui-color-foreground-negative); }
|
|
2779
|
+
label.iui-input-label{
|
|
2780
|
+
cursor:pointer; }
|
|
2781
|
+
label.iui-input-label.iui-disabled{
|
|
2782
|
+
cursor:not-allowed; }
|
|
2783
|
+
.iui-input-label.iui-inline{
|
|
2784
|
+
margin:0 16px 0 0;
|
|
2785
|
+
-ms-grid-column-span:1;
|
|
2786
|
+
display:inline-flex;
|
|
2787
|
+
align-items:center; }
|
|
2788
|
+
.iui-input-label.iui-inline.iui-required{
|
|
2789
|
+
margin-right:6px; }
|
|
2790
|
+
|
|
2627
2791
|
.iui-input{
|
|
2628
2792
|
margin:0;
|
|
2629
2793
|
padding:0;
|
|
@@ -3019,18 +3183,14 @@ html.iui-theme-dark{
|
|
|
3019
3183
|
.iui-checkbox .iui-radio-dot svg:not(.iui-radial){
|
|
3020
3184
|
width:12px;
|
|
3021
3185
|
height:12px; }
|
|
3022
|
-
.iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) >
|
|
3023
|
-
.iui-checkbox .iui-
|
|
3024
|
-
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
|
|
3025
|
-
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle{
|
|
3186
|
+
.iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3187
|
+
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3026
3188
|
opacity:0;
|
|
3027
3189
|
fill:#008BE1;
|
|
3028
3190
|
fill:var(--iui-icons-color-primary); }
|
|
3029
3191
|
@media (prefers-reduced-motion: no-preference){
|
|
3030
|
-
.iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) >
|
|
3031
|
-
.iui-checkbox .iui-
|
|
3032
|
-
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
|
|
3033
|
-
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle{
|
|
3192
|
+
.iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3193
|
+
.iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3034
3194
|
transition:opacity 0.2s ease; } }
|
|
3035
3195
|
.iui-checkbox > .iui-label{
|
|
3036
3196
|
margin-right:8px; }
|
|
@@ -3046,8 +3206,8 @@ html.iui-theme-dark{
|
|
|
3046
3206
|
margin-right:0; }
|
|
3047
3207
|
.iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark,
|
|
3048
3208
|
.iui-checkbox:hover > input:enabled ~ .iui-radio-dot{
|
|
3049
|
-
border:
|
|
3050
|
-
border:
|
|
3209
|
+
border-color:rgba(0, 0, 0, 0.8);
|
|
3210
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3051
3211
|
@media (prefers-reduced-motion: no-preference){
|
|
3052
3212
|
.iui-checkbox:hover > input:enabled ~ .iui-checkbox-checkmark,
|
|
3053
3213
|
.iui-checkbox:hover > input:enabled ~ .iui-radio-dot{
|
|
@@ -3055,16 +3215,16 @@ html.iui-theme-dark{
|
|
|
3055
3215
|
.iui-checkbox input:checked ~ .iui-checkbox-checkmark,
|
|
3056
3216
|
.iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark,
|
|
3057
3217
|
.iui-checkbox input:checked ~ .iui-radio-dot{
|
|
3058
|
-
border:
|
|
3059
|
-
border:
|
|
3060
|
-
.iui-checkbox input:checked ~ .iui-checkbox-checkmark
|
|
3061
|
-
.iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark
|
|
3062
|
-
.iui-checkbox input:checked ~ .iui-radio-dot
|
|
3218
|
+
border-color:rgba(0, 0, 0, 0.6);
|
|
3219
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
|
|
3220
|
+
.iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check,
|
|
3221
|
+
.iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial,
|
|
3222
|
+
.iui-checkbox input:checked ~ .iui-radio-dot circle{
|
|
3063
3223
|
opacity:1; }
|
|
3064
3224
|
@media (prefers-reduced-motion: no-preference){
|
|
3065
|
-
.iui-checkbox input:checked ~ .iui-checkbox-checkmark
|
|
3066
|
-
.iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark
|
|
3067
|
-
.iui-checkbox input:checked ~ .iui-radio-dot
|
|
3225
|
+
.iui-checkbox input:checked ~ .iui-checkbox-checkmark .iui-check,
|
|
3226
|
+
.iui-checkbox input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial,
|
|
3227
|
+
.iui-checkbox input:checked ~ .iui-radio-dot circle{
|
|
3068
3228
|
transition:opacity 0.2s ease; } }
|
|
3069
3229
|
.iui-checkbox input:enabled:focus ~ .iui-checkbox-checkmark,
|
|
3070
3230
|
.iui-checkbox input:enabled:focus ~ .iui-radio-dot{
|
|
@@ -3080,8 +3240,9 @@ html.iui-theme-dark{
|
|
|
3080
3240
|
border-color:#EEF0F3;
|
|
3081
3241
|
background-color:var(--iui-color-background-disabled);
|
|
3082
3242
|
border-color:var(--iui-color-background-disabled); }
|
|
3083
|
-
.iui-checkbox input:disabled ~ .iui-checkbox-checkmark
|
|
3084
|
-
.iui-checkbox input:disabled ~ .iui-
|
|
3243
|
+
.iui-checkbox input:disabled ~ .iui-checkbox-checkmark path,
|
|
3244
|
+
.iui-checkbox input:disabled ~ .iui-checkbox-checkmark g,
|
|
3245
|
+
.iui-checkbox input:disabled ~ .iui-radio-dot circle{
|
|
3085
3246
|
fill:rgba(0, 0, 0, 0.2);
|
|
3086
3247
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
3087
3248
|
.iui-checkbox input:disabled ~ .iui-label{
|
|
@@ -3111,6 +3272,25 @@ html.iui-theme-dark{
|
|
|
3111
3272
|
cursor:wait; }
|
|
3112
3273
|
.iui-checkbox.iui-loading input:disabled ~ .iui-label{
|
|
3113
3274
|
cursor:wait; }
|
|
3275
|
+
.iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
|
|
3276
|
+
background-color:rgba(0, 0, 0, 0.1);
|
|
3277
|
+
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
|
|
3278
|
+
.iui-checkbox-visibility input ~ .iui-checkbox-checkmark,
|
|
3279
|
+
.iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
|
|
3280
|
+
border:none; }
|
|
3281
|
+
.iui-checkbox-visibility input ~ .iui-checkbox-checkmark{
|
|
3282
|
+
background-color:transparent; }
|
|
3283
|
+
.iui-checkbox-visibility .iui-checkbox-checkmark svg:not(.iui-radial){
|
|
3284
|
+
width:16px;
|
|
3285
|
+
height:16px; }
|
|
3286
|
+
.iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck,
|
|
3287
|
+
.iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{
|
|
3288
|
+
opacity:0; }
|
|
3289
|
+
.iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{
|
|
3290
|
+
opacity:1;
|
|
3291
|
+
transition:opacity 0.2s ease;
|
|
3292
|
+
fill:rgba(0, 0, 0, 0.8);
|
|
3293
|
+
fill:var(--iui-icons-color-actionable); }
|
|
3114
3294
|
|
|
3115
3295
|
.iui-radio{
|
|
3116
3296
|
margin:0;
|
|
@@ -3158,18 +3338,14 @@ html.iui-theme-dark{
|
|
|
3158
3338
|
.iui-radio .iui-radio-dot svg:not(.iui-radial){
|
|
3159
3339
|
width:12px;
|
|
3160
3340
|
height:12px; }
|
|
3161
|
-
.iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) >
|
|
3162
|
-
.iui-radio .iui-
|
|
3163
|
-
.iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
|
|
3164
|
-
.iui-radio .iui-radio-dot svg:not(.iui-radial) > circle{
|
|
3341
|
+
.iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3342
|
+
.iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3165
3343
|
opacity:0;
|
|
3166
3344
|
fill:#008BE1;
|
|
3167
3345
|
fill:var(--iui-icons-color-primary); }
|
|
3168
3346
|
@media (prefers-reduced-motion: no-preference){
|
|
3169
|
-
.iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) >
|
|
3170
|
-
.iui-radio .iui-
|
|
3171
|
-
.iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
|
|
3172
|
-
.iui-radio .iui-radio-dot svg:not(.iui-radial) > circle{
|
|
3347
|
+
.iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
|
|
3348
|
+
.iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
|
|
3173
3349
|
transition:opacity 0.2s ease; } }
|
|
3174
3350
|
.iui-radio > .iui-label{
|
|
3175
3351
|
margin-right:8px; }
|
|
@@ -3185,8 +3361,8 @@ html.iui-theme-dark{
|
|
|
3185
3361
|
margin-right:0; }
|
|
3186
3362
|
.iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark,
|
|
3187
3363
|
.iui-radio:hover > input:enabled ~ .iui-radio-dot{
|
|
3188
|
-
border:
|
|
3189
|
-
border:
|
|
3364
|
+
border-color:rgba(0, 0, 0, 0.8);
|
|
3365
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
|
|
3190
3366
|
@media (prefers-reduced-motion: no-preference){
|
|
3191
3367
|
.iui-radio:hover > input:enabled ~ .iui-checkbox-checkmark,
|
|
3192
3368
|
.iui-radio:hover > input:enabled ~ .iui-radio-dot{
|
|
@@ -3194,16 +3370,16 @@ html.iui-theme-dark{
|
|
|
3194
3370
|
.iui-radio input:checked ~ .iui-checkbox-checkmark,
|
|
3195
3371
|
.iui-radio input:indeterminate ~ .iui-checkbox-checkmark,
|
|
3196
3372
|
.iui-radio input:checked ~ .iui-radio-dot{
|
|
3197
|
-
border:
|
|
3198
|
-
border:
|
|
3199
|
-
.iui-radio input:checked ~ .iui-checkbox-checkmark
|
|
3200
|
-
.iui-radio input:indeterminate ~ .iui-checkbox-checkmark
|
|
3201
|
-
.iui-radio input:checked ~ .iui-radio-dot
|
|
3373
|
+
border-color:rgba(0, 0, 0, 0.6);
|
|
3374
|
+
border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-3)); }
|
|
3375
|
+
.iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check,
|
|
3376
|
+
.iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial,
|
|
3377
|
+
.iui-radio input:checked ~ .iui-radio-dot circle{
|
|
3202
3378
|
opacity:1; }
|
|
3203
3379
|
@media (prefers-reduced-motion: no-preference){
|
|
3204
|
-
.iui-radio input:checked ~ .iui-checkbox-checkmark
|
|
3205
|
-
.iui-radio input:indeterminate ~ .iui-checkbox-checkmark
|
|
3206
|
-
.iui-radio input:checked ~ .iui-radio-dot
|
|
3380
|
+
.iui-radio input:checked ~ .iui-checkbox-checkmark .iui-check,
|
|
3381
|
+
.iui-radio input:indeterminate ~ .iui-checkbox-checkmark .iui-check-partial,
|
|
3382
|
+
.iui-radio input:checked ~ .iui-radio-dot circle{
|
|
3207
3383
|
transition:opacity 0.2s ease; } }
|
|
3208
3384
|
.iui-radio input:enabled:focus ~ .iui-checkbox-checkmark,
|
|
3209
3385
|
.iui-radio input:enabled:focus ~ .iui-radio-dot{
|
|
@@ -3219,8 +3395,9 @@ html.iui-theme-dark{
|
|
|
3219
3395
|
border-color:#EEF0F3;
|
|
3220
3396
|
background-color:var(--iui-color-background-disabled);
|
|
3221
3397
|
border-color:var(--iui-color-background-disabled); }
|
|
3222
|
-
.iui-radio input:disabled ~ .iui-checkbox-checkmark
|
|
3223
|
-
.iui-radio input:disabled ~ .iui-
|
|
3398
|
+
.iui-radio input:disabled ~ .iui-checkbox-checkmark path,
|
|
3399
|
+
.iui-radio input:disabled ~ .iui-checkbox-checkmark g,
|
|
3400
|
+
.iui-radio input:disabled ~ .iui-radio-dot circle{
|
|
3224
3401
|
fill:rgba(0, 0, 0, 0.2);
|
|
3225
3402
|
fill:var(--iui-icons-color-actionable-disabled); }
|
|
3226
3403
|
.iui-radio input:disabled ~ .iui-label{
|
|
@@ -3507,7 +3684,9 @@ html.iui-theme-dark{
|
|
|
3507
3684
|
vertical-align:baseline;
|
|
3508
3685
|
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
3509
3686
|
background-color:#FFF;
|
|
3687
|
+
color:rgba(0, 0, 0, 0.8);
|
|
3510
3688
|
background-color:var(--iui-color-background-1);
|
|
3689
|
+
color:var(--iui-text-color);
|
|
3511
3690
|
list-style-type:none;
|
|
3512
3691
|
-webkit-user-select:none;
|
|
3513
3692
|
-moz-user-select:none;
|
|
@@ -3535,9 +3714,7 @@ html.iui-theme-dark{
|
|
|
3535
3714
|
height:38px;
|
|
3536
3715
|
cursor:pointer;
|
|
3537
3716
|
box-sizing:border-box;
|
|
3538
|
-
line-height:normal;
|
|
3539
|
-
color:rgba(0, 0, 0, 0.8);
|
|
3540
|
-
color:var(--iui-text-color); }
|
|
3717
|
+
line-height:normal; }
|
|
3541
3718
|
.iui-menu-item + .iui-menu-item{
|
|
3542
3719
|
margin-top:-1px; }
|
|
3543
3720
|
.iui-menu-item .iui-content,
|
|
@@ -4299,10 +4476,11 @@ html.iui-theme-dark{
|
|
|
4299
4476
|
.iui-side-navigation.iui-expanded,
|
|
4300
4477
|
.iui-side-navigation > .iui-sidenav-content{
|
|
4301
4478
|
max-width:288px; }
|
|
4302
|
-
.iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-icon,
|
|
4303
|
-
.iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-icon{
|
|
4479
|
+
.iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-button-icon,
|
|
4480
|
+
.iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-button-icon{
|
|
4304
4481
|
transform:scaleX(-1); }
|
|
4305
4482
|
.iui-side-navigation .iui-sidenav-button{
|
|
4483
|
+
gap:24px;
|
|
4306
4484
|
border-radius:0;
|
|
4307
4485
|
border-left:none;
|
|
4308
4486
|
border-right:none;
|
|
@@ -4313,28 +4491,33 @@ html.iui-theme-dark{
|
|
|
4313
4491
|
@supports (padding: max(0px)){
|
|
4314
4492
|
.iui-side-navigation .iui-sidenav-button:not(.iui-expand){
|
|
4315
4493
|
padding-left:max(24px, 24px + env(safe-area-inset-left)); } }
|
|
4316
|
-
.iui-side-navigation .iui-sidenav-button
|
|
4494
|
+
.iui-side-navigation .iui-sidenav-button > .iui-button-label{
|
|
4495
|
+
white-space:nowrap;
|
|
4496
|
+
overflow:hidden;
|
|
4497
|
+
text-overflow:ellipsis; }
|
|
4498
|
+
.iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:hover, .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:focus{
|
|
4317
4499
|
border-color:#C7CCD1;
|
|
4318
4500
|
border-color:var(--iui-color-background-5); }
|
|
4319
|
-
.iui-side-navigation .iui-sidenav-button
|
|
4501
|
+
.iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
|
|
4502
|
+
border-color:#C7CCD1;
|
|
4503
|
+
border-color:var(--iui-color-background-5); }
|
|
4504
|
+
.iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){
|
|
4320
4505
|
width:24px;
|
|
4321
4506
|
height:24px;
|
|
4322
4507
|
flex-shrink:0; }
|
|
4323
|
-
|
|
4324
|
-
margin-left:24px;
|
|
4325
|
-
white-space:nowrap;
|
|
4326
|
-
overflow:hidden;
|
|
4327
|
-
text-overflow:ellipsis; }
|
|
4328
|
-
.iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-icon{
|
|
4508
|
+
.iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{
|
|
4329
4509
|
fill:#008BE1;
|
|
4330
4510
|
fill:var(--iui-color-foreground-primary); }
|
|
4331
|
-
.iui-side-navigation .iui-sidenav-button.iui-active
|
|
4332
|
-
box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
|
|
4333
|
-
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); }
|
|
4334
|
-
.iui-side-navigation .iui-sidenav-button.iui-active, .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
|
|
4511
|
+
.iui-side-navigation .iui-sidenav-button.iui-active{
|
|
4335
4512
|
box-shadow:inset 2px 0 0 0 #008BE1;
|
|
4336
4513
|
box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
|
|
4337
|
-
|
|
4514
|
+
.iui-side-navigation .iui-sidenav-button.iui-active:focus{
|
|
4515
|
+
box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
|
|
4516
|
+
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); }
|
|
4517
|
+
.iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
|
|
4518
|
+
box-shadow:inset 2px 0 0 0 #008BE1;
|
|
4519
|
+
box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
|
|
4520
|
+
.iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{
|
|
4338
4521
|
background-color:#F8F9FB;
|
|
4339
4522
|
background-color:var(--iui-color-background-2); }
|
|
4340
4523
|
.iui-side-navigation .iui-sidenav-button:focus{
|
|
@@ -4343,35 +4526,32 @@ html.iui-theme-dark{
|
|
|
4343
4526
|
box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
|
|
4344
4527
|
.iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
|
|
4345
4528
|
box-shadow:none; }
|
|
4346
|
-
.iui-side-navigation .iui-sidenav-button:focus-visible{
|
|
4347
|
-
outline:0;
|
|
4348
|
-
box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
|
|
4349
4529
|
.iui-side-navigation .iui-sidenav-button.iui-expand{
|
|
4350
4530
|
height:22px;
|
|
4351
4531
|
justify-content:center;
|
|
4352
4532
|
border:none;
|
|
4353
4533
|
border-bottom:1px solid #C7CCD1;
|
|
4354
4534
|
border-bottom:1px solid var(--iui-color-background-5); }
|
|
4355
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
|
|
4535
|
+
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
|
|
4356
4536
|
fill:rgba(0, 0, 0, 0.4);
|
|
4357
4537
|
fill:var(--iui-icons-color);
|
|
4358
4538
|
display:inline-flex;
|
|
4359
4539
|
width:12px;
|
|
4360
4540
|
height:12px; }
|
|
4361
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-informational{
|
|
4541
|
+
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
|
|
4362
4542
|
fill:#008BE1;
|
|
4363
4543
|
fill:var(--iui-icons-color-primary); }
|
|
4364
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-positive{
|
|
4544
|
+
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-positive{
|
|
4365
4545
|
fill:#53A21A;
|
|
4366
4546
|
fill:var(--iui-icons-color-positive); }
|
|
4367
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-warning{
|
|
4547
|
+
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{
|
|
4368
4548
|
fill:#F18B12;
|
|
4369
4549
|
fill:var(--iui-icons-color-warning); }
|
|
4370
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-negative{
|
|
4550
|
+
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{
|
|
4371
4551
|
fill:#D30A0A;
|
|
4372
4552
|
fill:var(--iui-icons-color-negative); }
|
|
4373
4553
|
@media (prefers-reduced-motion: no-preference){
|
|
4374
|
-
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
|
|
4554
|
+
.iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
|
|
4375
4555
|
transition:transform 0.4s ease-out; } }
|
|
4376
4556
|
|
|
4377
4557
|
.iui-side-navigation-submenu{
|
|
@@ -4697,6 +4877,11 @@ html.iui-theme-dark{
|
|
|
4697
4877
|
flex-grow:1;
|
|
4698
4878
|
background-color:#FFF;
|
|
4699
4879
|
background-color:var(--iui-color-background-1); }
|
|
4880
|
+
.iui-table-body.iui-scroll-snapping{
|
|
4881
|
+
-ms-scroll-snap-type:y mandatory;
|
|
4882
|
+
scroll-snap-type:y mandatory; }
|
|
4883
|
+
.iui-table-body.iui-scroll-snapping .iui-row{
|
|
4884
|
+
scroll-snap-align:start; }
|
|
4700
4885
|
.iui-table-body .iui-row{
|
|
4701
4886
|
display:flex;
|
|
4702
4887
|
border:solid 1px transparent;
|
|
@@ -4715,7 +4900,7 @@ html.iui-theme-dark{
|
|
|
4715
4900
|
.iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
|
|
4716
4901
|
visibility:visible; }
|
|
4717
4902
|
@media (prefers-reduced-motion: no-preference){
|
|
4718
|
-
.iui-table-body .iui-row .iui-row-expander > .iui-icon{
|
|
4903
|
+
.iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
|
|
4719
4904
|
transition:transform 0.2s ease-out; } }
|
|
4720
4905
|
.iui-table-body .iui-row.iui-row-expanded{
|
|
4721
4906
|
overflow:hidden;
|
|
@@ -4725,7 +4910,7 @@ html.iui-theme-dark{
|
|
|
4725
4910
|
border-left-color:var(--iui-color-background-4);
|
|
4726
4911
|
border-right-color:var(--iui-color-background-4);
|
|
4727
4912
|
border-bottom-color:transparent; }
|
|
4728
|
-
.iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-icon{
|
|
4913
|
+
.iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
|
|
4729
4914
|
transform:rotate(90deg); }
|
|
4730
4915
|
.iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
|
|
4731
4916
|
border-left-color:#DCE0E3;
|
|
@@ -4966,7 +5151,9 @@ html.iui-theme-dark{
|
|
|
4966
5151
|
vertical-align:baseline;
|
|
4967
5152
|
box-shadow:0 1px 5px rgba(0, 0, 0, 0.25);
|
|
4968
5153
|
background-color:#FFF;
|
|
5154
|
+
color:rgba(0, 0, 0, 0.8);
|
|
4969
5155
|
background-color:var(--iui-color-background-1);
|
|
5156
|
+
color:var(--iui-text-color);
|
|
4970
5157
|
padding:11px 12px;
|
|
4971
5158
|
display:inline-flex;
|
|
4972
5159
|
flex-direction:column;
|
|
@@ -5097,8 +5284,6 @@ html.iui-theme-dark{
|
|
|
5097
5284
|
.iui-tabs.iui-default.iui-green .iui-tab::after{
|
|
5098
5285
|
background-color:#53A21A;
|
|
5099
5286
|
background-color:var(--iui-color-foreground-positive); }
|
|
5100
|
-
.iui-tabs.iui-default ~ .iui-tab-stripe{
|
|
5101
|
-
display:none; }
|
|
5102
5287
|
.iui-tabs.iui-default .iui-tab{
|
|
5103
5288
|
height:38px;
|
|
5104
5289
|
padding:0 16px;
|
|
@@ -5203,22 +5388,29 @@ html.iui-theme-dark{
|
|
|
5203
5388
|
.iui-tabs.iui-pill .iui-tab[disabled]:hover{
|
|
5204
5389
|
background-color:transparent;
|
|
5205
5390
|
background-color:transparent; }
|
|
5206
|
-
.iui-tabs.iui-animated
|
|
5391
|
+
.iui-tabs.iui-animated::after{
|
|
5207
5392
|
position:absolute;
|
|
5393
|
+
content:' ';
|
|
5208
5394
|
background-color:#008BE1;
|
|
5209
5395
|
background-color:var(--iui-color-foreground-primary); }
|
|
5210
|
-
.iui-tabs.iui-animated.iui-green
|
|
5396
|
+
.iui-tabs.iui-animated.iui-green::after{
|
|
5211
5397
|
background-color:#53A21A;
|
|
5212
5398
|
background-color:var(--iui-color-foreground-positive); }
|
|
5213
|
-
.iui-horizontal .iui-tabs.iui-animated
|
|
5214
|
-
|
|
5399
|
+
.iui-horizontal .iui-tabs.iui-animated::after{
|
|
5400
|
+
top:calc(100% - 2px);
|
|
5401
|
+
height:2px;
|
|
5402
|
+
left:var(--stripe-left);
|
|
5403
|
+
width:var(--stripe-width); }
|
|
5215
5404
|
@media (prefers-reduced-motion: no-preference){
|
|
5216
|
-
.iui-horizontal .iui-tabs.iui-animated
|
|
5405
|
+
.iui-horizontal .iui-tabs.iui-animated::after{
|
|
5217
5406
|
transition:width 0.2s ease-out, left 0.2s ease-out; } }
|
|
5218
|
-
.iui-vertical .iui-tabs.iui-animated
|
|
5219
|
-
|
|
5407
|
+
.iui-vertical .iui-tabs.iui-animated::after{
|
|
5408
|
+
left:calc(100% - 2px);
|
|
5409
|
+
width:2px;
|
|
5410
|
+
top:var(--stripe-top);
|
|
5411
|
+
height:var(--stripe-height); }
|
|
5220
5412
|
@media (prefers-reduced-motion: no-preference){
|
|
5221
|
-
.iui-vertical .iui-tabs.iui-animated
|
|
5413
|
+
.iui-vertical .iui-tabs.iui-animated::after{
|
|
5222
5414
|
transition:top 0.2s ease-out; } }
|
|
5223
5415
|
.iui-tabs.iui-not-animated .iui-tab::after{
|
|
5224
5416
|
content:'';
|
|
@@ -5231,8 +5423,6 @@ html.iui-theme-dark{
|
|
|
5231
5423
|
.iui-tabs.iui-not-animated.iui-green .iui-tab::after{
|
|
5232
5424
|
background-color:#53A21A;
|
|
5233
5425
|
background-color:var(--iui-color-foreground-positive); }
|
|
5234
|
-
.iui-tabs.iui-not-animated ~ .iui-tab-stripe{
|
|
5235
|
-
display:none; }
|
|
5236
5426
|
|
|
5237
5427
|
.iui-tag{
|
|
5238
5428
|
margin:0;
|
|
@@ -5465,57 +5655,60 @@ a.iui-tag{
|
|
|
5465
5655
|
border-bottom:1px solid var(--iui-color-background-4); }
|
|
5466
5656
|
.iui-tile .iui-thumbnail > .iui-type-indicator,
|
|
5467
5657
|
.iui-tile .iui-thumbnail > .iui-quick-action{
|
|
5468
|
-
background-color:transparent;
|
|
5469
5658
|
border-color:transparent;
|
|
5659
|
+
background-color:transparent;
|
|
5470
5660
|
padding:0 8px;
|
|
5661
|
+
height:38px;
|
|
5662
|
+
gap:8px;
|
|
5663
|
+
padding:0 2px;
|
|
5664
|
+
height:27px;
|
|
5665
|
+
gap:4px;
|
|
5471
5666
|
position:absolute;
|
|
5472
5667
|
border-radius:50%;
|
|
5473
5668
|
top:6px; }
|
|
5474
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator.iui-
|
|
5475
|
-
.iui-tile .iui-thumbnail > .iui-quick-action.iui-
|
|
5476
|
-
padding:0 2px; }
|
|
5477
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator.iui-large,
|
|
5478
|
-
.iui-tile .iui-thumbnail > .iui-quick-action.iui-large{
|
|
5479
|
-
padding:0 12px; }
|
|
5480
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator > .iui-icon:only-child,
|
|
5481
|
-
.iui-tile .iui-thumbnail > .iui-quick-action > .iui-icon:only-child{
|
|
5669
|
+
.iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child,
|
|
5670
|
+
.iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{
|
|
5482
5671
|
margin-left:3px;
|
|
5483
5672
|
margin-right:3px; }
|
|
5484
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator:
|
|
5485
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:
|
|
5486
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:
|
|
5487
|
-
.iui-tile .iui-thumbnail > .iui-quick-action:focus-visible{
|
|
5673
|
+
.iui-tile .iui-thumbnail > .iui-type-indicator:hover, .iui-tile .iui-thumbnail > .iui-type-indicator:focus,
|
|
5674
|
+
.iui-tile .iui-thumbnail > .iui-quick-action:hover,
|
|
5675
|
+
.iui-tile .iui-thumbnail > .iui-quick-action:focus{
|
|
5488
5676
|
background-color:rgba(0, 0, 0, 0.1);
|
|
5489
5677
|
border-color:transparent;
|
|
5490
5678
|
background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
|
|
5491
5679
|
border-color:transparent; }
|
|
5492
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator
|
|
5493
|
-
.iui-tile .iui-thumbnail > .iui-quick-action
|
|
5494
|
-
|
|
5495
|
-
|
|
5496
|
-
|
|
5680
|
+
.iui-tile .iui-thumbnail > .iui-type-indicator:focus:not(:focus-visible),
|
|
5681
|
+
.iui-tile .iui-thumbnail > .iui-quick-action:focus:not(:focus-visible){
|
|
5682
|
+
border-color:transparent;
|
|
5683
|
+
background-color:transparent; }
|
|
5684
|
+
.iui-tile .iui-thumbnail > .iui-type-indicator:focus:not(:focus-visible) > .iui-button-icon:only-child,
|
|
5685
|
+
.iui-tile .iui-thumbnail > .iui-quick-action:focus:not(:focus-visible) > .iui-button-icon:only-child{
|
|
5686
|
+
margin-left:3px;
|
|
5687
|
+
margin-right:3px; }
|
|
5688
|
+
.iui-tile .iui-thumbnail > .iui-type-indicator.iui-active,
|
|
5689
|
+
.iui-tile .iui-thumbnail > .iui-quick-action.iui-active{
|
|
5497
5690
|
background-color:rgba(0, 139, 225, 0.1);
|
|
5691
|
+
color:#008BE1;
|
|
5498
5692
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
|
|
5693
|
+
color:var(--iui-color-foreground-primary);
|
|
5499
5694
|
border-color:transparent; }
|
|
5500
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator
|
|
5695
|
+
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled,
|
|
5501
5696
|
.iui-tile .iui-thumbnail > .iui-quick-action[disabled],
|
|
5502
|
-
.iui-tile .iui-thumbnail > .iui-quick-action
|
|
5503
|
-
|
|
5504
|
-
|
|
5697
|
+
.iui-tile .iui-thumbnail > .iui-quick-action:disabled{
|
|
5698
|
+
cursor:not-allowed;
|
|
5699
|
+
background:#EEF0F3;
|
|
5700
|
+
border-color:#EEF0F3;
|
|
5701
|
+
color:rgba(0, 0, 0, 0.2);
|
|
5702
|
+
background:var(--iui-color-background-disabled);
|
|
5703
|
+
border-color:var(--iui-color-background-disabled);
|
|
5704
|
+
color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
|
|
5705
|
+
background-color:transparent;
|
|
5706
|
+
border-color:transparent;
|
|
5505
5707
|
background-color:transparent;
|
|
5506
5708
|
border-color:transparent; }
|
|
5507
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled]
|
|
5508
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled] > .iui-icon,
|
|
5509
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover > .iui-icon,
|
|
5510
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active > .iui-icon,
|
|
5511
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus > .iui-icon{
|
|
5512
|
-
fill:rgba(0, 0, 0, 0.2);
|
|
5513
|
-
fill:var(--iui-icons-color-actionable-disabled); }
|
|
5514
|
-
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:hover.iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:active.iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:focus.iui-active,
|
|
5709
|
+
.iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active,
|
|
5515
5710
|
.iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active,
|
|
5516
|
-
.iui-tile .iui-thumbnail > .iui-quick-action
|
|
5517
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active.iui-active,
|
|
5518
|
-
.iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus.iui-active{
|
|
5711
|
+
.iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{
|
|
5519
5712
|
background-color:rgba(0, 0, 0, 0.05);
|
|
5520
5713
|
background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
|
|
5521
5714
|
.iui-tile .iui-thumbnail > .iui-type-indicator{
|
|
@@ -5588,8 +5781,8 @@ a.iui-tag{
|
|
|
5588
5781
|
backdrop-filter:blur(5px);
|
|
5589
5782
|
background-color:rgba(0, 0, 0, var(--iui-opacity-5));
|
|
5590
5783
|
backdrop-filter:blur(5px); } }
|
|
5591
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-icon,
|
|
5592
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-icon{
|
|
5784
|
+
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon,
|
|
5785
|
+
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{
|
|
5593
5786
|
fill:#FFF;
|
|
5594
5787
|
filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
|
|
5595
5788
|
fill:var(--iui-color-foreground-accessory);
|
|
@@ -5601,11 +5794,11 @@ a.iui-tag{
|
|
|
5601
5794
|
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{
|
|
5602
5795
|
background-color:rgba(0, 0, 0, 0.4);
|
|
5603
5796
|
background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
|
|
5604
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover
|
|
5605
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover
|
|
5606
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled
|
|
5607
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover
|
|
5608
|
-
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active
|
|
5797
|
+
.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,
|
|
5798
|
+
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon,
|
|
5799
|
+
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon,
|
|
5800
|
+
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon,
|
|
5801
|
+
.iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{
|
|
5609
5802
|
fill:#FFF;
|
|
5610
5803
|
fill:var(--iui-color-foreground-accessory); }
|
|
5611
5804
|
.iui-tile > .iui-content{
|
|
@@ -5708,6 +5901,9 @@ a.iui-tag{
|
|
|
5708
5901
|
overflow:hidden;
|
|
5709
5902
|
text-overflow:ellipsis; }
|
|
5710
5903
|
.iui-tile > .iui-content > .iui-more-options{
|
|
5904
|
+
padding:0 2px;
|
|
5905
|
+
height:27px;
|
|
5906
|
+
gap:4px;
|
|
5711
5907
|
position:absolute;
|
|
5712
5908
|
bottom:5.5px;
|
|
5713
5909
|
right:8px;
|