@itwin/itwinui-css 0.39.1 → 0.42.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.
Files changed (40) hide show
  1. package/css/all.css +607 -362
  2. package/css/breadcrumbs.css +31 -15
  3. package/css/button.css +279 -189
  4. package/css/code.css +2 -0
  5. package/css/header.css +50 -30
  6. package/css/inputs.css +26 -40
  7. package/css/side-navigation.css +27 -24
  8. package/css/table.css +34 -23
  9. package/css/tile.css +51 -40
  10. package/css/tree.css +107 -0
  11. package/css/user-icon.css +3 -1
  12. package/package.json +1 -1
  13. package/scss/breadcrumbs/breadcrumbs.scss +1 -1
  14. package/scss/button/borderless.scss +37 -39
  15. package/scss/button/button-group.scss +54 -47
  16. package/scss/button/button-icon.scss +12 -0
  17. package/scss/button/button.scss +27 -32
  18. package/scss/button/classes.scss +25 -3
  19. package/scss/button/cta.scss +31 -21
  20. package/scss/button/default.scss +40 -45
  21. package/scss/button/disabled.scss +3 -14
  22. package/scss/button/high-visibility.scss +31 -21
  23. package/scss/button/index.scss +1 -0
  24. package/scss/button/split-menu.scss +39 -20
  25. package/scss/classes.scss +1 -0
  26. package/scss/code/codeblock.scss +4 -0
  27. package/scss/header/header.scss +38 -18
  28. package/scss/index.scss +1 -0
  29. package/scss/inputs/checkbox-radio.scss +1 -3
  30. package/scss/inputs/checkbox.scss +5 -2
  31. package/scss/inputs/classes.scss +2 -2
  32. package/scss/inputs/labeled-inputs.scss +3 -3
  33. package/scss/side-navigation/side-navigation.scss +27 -22
  34. package/scss/table/paginator.scss +34 -21
  35. package/scss/table/table.scss +12 -8
  36. package/scss/tile/tile.scss +4 -2
  37. package/scss/tree/classes.scss +15 -0
  38. package/scss/tree/index.scss +3 -0
  39. package/scss/tree/tree.scss +137 -0
  40. package/scss/user-icon/user-icon.scss +3 -0
package/css/all.css CHANGED
@@ -592,38 +592,54 @@ 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-small{
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:enabled:hover, .iui-breadcrumbs-item .iui-button:enabled:active, .iui-breadcrumbs-item .iui-button:focus-visible{
604
+ .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.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-breadcrumbs-item .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-breadcrumbs-item .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
612
- background:transparent;
609
+ .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)){
610
+ border-color:transparent;
611
+ background-color:transparent; }
612
+ .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
613
+ margin-left:3px;
614
+ margin-right:3px; }
615
+ .iui-breadcrumbs-item .iui-button:hover{
616
+ background-color:rgba(0, 0, 0, 0.1);
617
+ border-color:transparent;
618
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
619
+ border-color:transparent; }
620
+ .iui-breadcrumbs-item .iui-button.iui-active{
613
621
  background-color:rgba(0, 139, 225, 0.1);
622
+ color:#008BE1;
614
623
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
624
+ color:var(--iui-color-foreground-primary);
615
625
  border-color:transparent; }
616
- .iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button[disabled]:hover, .iui-breadcrumbs-item .iui-button[disabled]:active, .iui-breadcrumbs-item .iui-button[disabled]:focus{
626
+ .iui-breadcrumbs-item .iui-button[disabled], .iui-breadcrumbs-item .iui-button:disabled{
627
+ cursor:not-allowed;
628
+ background:#EEF0F3;
629
+ border-color:#EEF0F3;
630
+ color:rgba(0, 0, 0, 0.2);
631
+ background:var(--iui-color-background-disabled);
632
+ border-color:var(--iui-color-background-disabled);
633
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
634
+ background-color:transparent;
635
+ border-color:transparent;
617
636
  background-color:transparent;
618
637
  border-color:transparent; }
619
- .iui-breadcrumbs-item .iui-button[disabled] > .iui-icon, .iui-breadcrumbs-item .iui-button[disabled]:hover > .iui-icon, .iui-breadcrumbs-item .iui-button[disabled]:active > .iui-icon, .iui-breadcrumbs-item .iui-button[disabled]:focus > .iui-icon{
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{
638
+ .iui-breadcrumbs-item .iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button:disabled.iui-active{
623
639
  background-color:rgba(0, 0, 0, 0.05);
624
640
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
625
641
  .iui-breadcrumbs-item > *,
626
- .iui-breadcrumbs-item .iui-label{
642
+ .iui-breadcrumbs-item .iui-button-label{
627
643
  overflow:hidden;
628
644
  white-space:nowrap;
629
645
  text-overflow:ellipsis; }
@@ -682,25 +698,21 @@ html.iui-theme-dark{
682
698
  cursor:pointer;
683
699
  white-space:nowrap;
684
700
  border:1px solid transparent;
701
+ color:rgba(0, 0, 0, 0.8);
702
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2));
685
703
  padding:0 16px;
686
704
  height:38px;
687
- background-color:#FFF;
688
- border-color:rgba(0, 0, 0, 0.4);
689
- color:rgba(0, 0, 0, 0.8);
690
- background-color:var(--iui-color-background-1);
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)); }
705
+ gap:8px;
706
+ padding:0 16px;
707
+ height:38px;
708
+ gap:8px; }
693
709
  @media (prefers-reduced-motion: no-preference){
694
710
  .iui-button{
695
711
  transition:color 0.2s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; } }
696
- .iui-button > .iui-icon:not(.iui-user-icon){
697
- width:16px;
698
- height:16px; }
699
- @media (prefers-reduced-motion: no-preference){
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; }
712
+ .iui-button:hover{
713
+ text-decoration:none;
714
+ color:black;
715
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
704
716
  .iui-button:focus{
705
717
  outline:0;
706
718
  box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
@@ -711,65 +723,76 @@ html.iui-theme-dark{
711
723
  outline:0;
712
724
  box-shadow:rgba(0, 139, 225, 0.2) 0 0 0 2px;
713
725
  box-shadow:var(--iui-focus-box-shadow); }
714
- .iui-button > .iui-icon + .iui-label,
715
- .iui-button > .iui-label + .iui-icon,
716
- .iui-button > .iui-icon + .iui-icon{
717
- margin-left:8px; }
718
- .iui-button.iui-small{
719
- padding:0 8px;
720
- height:27px; }
721
- .iui-button.iui-small > .iui-icon + .iui-label,
722
- .iui-button.iui-small > .iui-label + .iui-icon,
723
- .iui-button.iui-small > .iui-icon + .iui-icon{
724
- margin-left:4px; }
725
- .iui-button.iui-large{
726
- padding:0 24px;
727
- height:49px;
728
- font-size:16px; }
729
- .iui-button.iui-large > .iui-icon + .iui-label,
730
- .iui-button.iui-large > .iui-label + .iui-icon,
731
- .iui-button.iui-large > .iui-icon + .iui-icon{
732
- margin-left:12px; }
733
- .iui-button > .iui-icon{
734
- fill:rgba(0, 0, 0, 0.8);
735
- fill:var(--iui-icons-color-actionable); }
736
- .iui-button:enabled:hover, .iui-button:enabled:active, .iui-button:focus-visible{
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:enabled:hover .iui-notification-primary::before,
744
- .iui-button:enabled:hover .iui-notification-positive::before,
745
- .iui-button:enabled:hover .iui-notification-warning::before,
746
- .iui-button:enabled:hover .iui-notification-negative::before, .iui-button:enabled:active .iui-notification-primary::before,
747
- .iui-button:enabled:active .iui-notification-positive::before,
748
- .iui-button:enabled:active .iui-notification-warning::before,
749
- .iui-button:enabled:active .iui-notification-negative::before, .iui-button:focus-visible .iui-notification-primary::before,
750
- .iui-button:focus-visible .iui-notification-positive::before,
751
- .iui-button:focus-visible .iui-notification-warning::before,
752
- .iui-button:focus-visible .iui-notification-negative::before{
753
- border-color:#f2f2f2;
754
- border-color:var(--iui-color-background-1-overlay); }
755
- .iui-button:enabled:hover > .iui-icon, .iui-button:enabled:active > .iui-icon, .iui-button:focus-visible > .iui-icon{
756
- fill:black;
757
- fill:var(--iui-icons-color-actionable-hover); }
758
- .iui-button.iui-dropdown{
759
- padding-right:8px; }
760
- .iui-button.iui-dropdown.iui-small{
761
- padding-right:4px; }
762
- .iui-button.iui-dropdown.iui-large{
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{
726
+ .iui-button[disabled], .iui-button:disabled{
727
+ cursor:not-allowed;
728
+ background:#EEF0F3;
729
+ border-color:#EEF0F3;
730
+ color:rgba(0, 0, 0, 0.2);
731
+ background:var(--iui-color-background-disabled);
732
+ border-color:var(--iui-color-background-disabled);
733
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
734
+ .iui-button.iui-default{
735
+ background-color:#FFF;
736
+ border-color:rgba(0, 0, 0, 0.4);
737
+ color:rgba(0, 0, 0, 0.8);
738
+ background-color:var(--iui-color-background-1);
739
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
740
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
741
+ .iui-button.iui-default:focus{
742
+ background-color:#f2f2f2;
743
+ border-color:black;
744
+ color:black;
745
+ background-color:var(--iui-color-background-1-overlay);
746
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
747
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
748
+ .iui-button.iui-default:focus .iui-notification-primary::before,
749
+ .iui-button.iui-default:focus .iui-notification-positive::before,
750
+ .iui-button.iui-default:focus .iui-notification-warning::before,
751
+ .iui-button.iui-default:focus .iui-notification-negative::before{
752
+ border-color:#f2f2f2;
753
+ border-color:var(--iui-color-background-1-overlay); }
754
+ .iui-button.iui-default:focus:where(:not(:focus-visible)){
755
+ background-color:#FFF;
756
+ border-color:rgba(0, 0, 0, 0.4);
757
+ color:rgba(0, 0, 0, 0.8);
758
+ background-color:var(--iui-color-background-1);
759
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4));
760
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-2)); }
761
+ .iui-button.iui-default:hover, .iui-button.iui-default:active{
762
+ background-color:#f2f2f2;
763
+ border-color:black;
764
+ color:black;
765
+ background-color:var(--iui-color-background-1-overlay);
766
+ border-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1));
767
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
768
+ .iui-button.iui-default:hover .iui-notification-primary::before,
769
+ .iui-button.iui-default:hover .iui-notification-positive::before,
770
+ .iui-button.iui-default:hover .iui-notification-warning::before,
771
+ .iui-button.iui-default:hover .iui-notification-negative::before, .iui-button.iui-default:active .iui-notification-primary::before,
772
+ .iui-button.iui-default:active .iui-notification-positive::before,
773
+ .iui-button.iui-default:active .iui-notification-warning::before,
774
+ .iui-button.iui-default:active .iui-notification-negative::before{
775
+ border-color:#f2f2f2;
776
+ border-color:var(--iui-color-background-1-overlay); }
777
+ .iui-button.iui-default.iui-dropdown{
778
+ padding-right:8px; }
779
+ .iui-button.iui-default.iui-dropdown.iui-small{
780
+ padding-right:4px; }
781
+ .iui-button.iui-default.iui-dropdown.iui-large{
782
+ padding-right:12px; }
783
+ .iui-button.iui-default.iui-active{
784
+ background:linear-gradient(rgba(0, 139, 225, 0.1), rgba(0, 139, 225, 0.1)), linear-gradient(#FFF, #FFF);
768
785
  color:#008BE1;
786
+ background:linear-gradient(rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
769
787
  color:var(--iui-color-foreground-primary); }
770
- .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled > .iui-icon, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover > .iui-icon, .iui-button.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active > .iui-icon{
771
- fill:#008BE1;
772
- fill:var(--iui-icons-color-primary); }
788
+ .iui-button.iui-default[disabled], .iui-button.iui-default:disabled{
789
+ cursor:not-allowed;
790
+ background:#EEF0F3;
791
+ border-color:#EEF0F3;
792
+ color:rgba(0, 0, 0, 0.2);
793
+ background:var(--iui-color-background-disabled);
794
+ border-color:var(--iui-color-background-disabled);
795
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
773
796
  .iui-button.iui-high-visibility{
774
797
  background-color:#008BE1;
775
798
  border-color:#008BE1;
@@ -777,19 +800,35 @@ html.iui-theme-dark{
777
800
  background-color:var(--iui-color-background-primary);
778
801
  border-color:var(--iui-color-background-primary);
779
802
  color:var(--iui-color-foreground-accessory); }
780
- .iui-button.iui-high-visibility > .iui-icon{
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{
803
+ .iui-button.iui-high-visibility:focus{
784
804
  background-color:#006bae;
785
805
  border-color:#006bae;
786
806
  color:#FFF;
787
807
  background-color:var(--iui-color-background-primary-overlay);
788
808
  border-color:var(--iui-color-background-primary-overlay);
789
809
  color:var(--iui-color-foreground-accessory); }
790
- .iui-button.iui-high-visibility:enabled:hover > .iui-icon, .iui-button.iui-high-visibility:enabled:active > .iui-icon, .iui-button.iui-high-visibility:focus-visible > .iui-icon{
791
- fill:#FFF;
792
- fill:var(--iui-color-foreground-accessory); }
810
+ .iui-button.iui-high-visibility:focus:where(:not(:focus-visible)){
811
+ background-color:#008BE1;
812
+ border-color:#008BE1;
813
+ color:#FFF;
814
+ background-color:var(--iui-color-background-primary);
815
+ border-color:var(--iui-color-background-primary);
816
+ color:var(--iui-color-foreground-accessory); }
817
+ .iui-button.iui-high-visibility:hover, .iui-button.iui-high-visibility:active{
818
+ background-color:#006bae;
819
+ border-color:#006bae;
820
+ color:#FFF;
821
+ background-color:var(--iui-color-background-primary-overlay);
822
+ border-color:var(--iui-color-background-primary-overlay);
823
+ color:var(--iui-color-foreground-accessory); }
824
+ .iui-button.iui-high-visibility[disabled], .iui-button.iui-high-visibility:disabled{
825
+ cursor:not-allowed;
826
+ background:#EEF0F3;
827
+ border-color:#EEF0F3;
828
+ color:rgba(0, 0, 0, 0.2);
829
+ background:var(--iui-color-background-disabled);
830
+ border-color:var(--iui-color-background-disabled);
831
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
793
832
  .iui-button.iui-cta{
794
833
  background-color:#53A21A;
795
834
  border-color:#53A21A;
@@ -797,19 +836,35 @@ html.iui-theme-dark{
797
836
  background-color:var(--iui-color-background-positive);
798
837
  border-color:var(--iui-color-background-positive);
799
838
  color:var(--iui-color-foreground-accessory); }
800
- .iui-button.iui-cta > .iui-icon{
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{
839
+ .iui-button.iui-cta:focus{
804
840
  background-color:#3c7613;
805
841
  border-color:#3c7613;
806
842
  color:#FFF;
807
843
  background-color:var(--iui-color-background-positive-overlay);
808
844
  border-color:var(--iui-color-background-positive-overlay);
809
845
  color:var(--iui-color-foreground-accessory); }
810
- .iui-button.iui-cta:enabled:hover > .iui-icon, .iui-button.iui-cta:enabled:active > .iui-icon, .iui-button.iui-cta:focus-visible > .iui-icon{
811
- fill:#FFF;
812
- fill:var(--iui-color-foreground-accessory); }
846
+ .iui-button.iui-cta:focus:where(:not(:focus-visible)){
847
+ background-color:#53A21A;
848
+ border-color:#53A21A;
849
+ color:#FFF;
850
+ background-color:var(--iui-color-background-positive);
851
+ border-color:var(--iui-color-background-positive);
852
+ color:var(--iui-color-foreground-accessory); }
853
+ .iui-button.iui-cta:hover, .iui-button.iui-cta:active{
854
+ background-color:#3c7613;
855
+ border-color:#3c7613;
856
+ color:#FFF;
857
+ background-color:var(--iui-color-background-positive-overlay);
858
+ border-color:var(--iui-color-background-positive-overlay);
859
+ color:var(--iui-color-foreground-accessory); }
860
+ .iui-button.iui-cta[disabled], .iui-button.iui-cta:disabled{
861
+ cursor:not-allowed;
862
+ background:#EEF0F3;
863
+ border-color:#EEF0F3;
864
+ color:rgba(0, 0, 0, 0.2);
865
+ background:var(--iui-color-background-disabled);
866
+ border-color:var(--iui-color-background-disabled);
867
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
813
868
  .iui-button.iui-idea{
814
869
  background-color:#008BE1;
815
870
  border-color:#008BE1;
@@ -822,87 +877,111 @@ html.iui-theme-dark{
822
877
  position:fixed;
823
878
  bottom:11px;
824
879
  right:16px; }
825
- .iui-button.iui-idea > .iui-icon{
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{
880
+ .iui-button.iui-idea:focus{
829
881
  background-color:#006bae;
830
882
  border-color:#006bae;
831
883
  color:#FFF;
832
884
  background-color:var(--iui-color-background-primary-overlay);
833
885
  border-color:var(--iui-color-background-primary-overlay);
834
886
  color:var(--iui-color-foreground-accessory); }
835
- .iui-button.iui-idea:enabled:hover > .iui-icon, .iui-button.iui-idea:enabled:active > .iui-icon, .iui-button.iui-idea:focus-visible > .iui-icon{
836
- fill:#FFF;
837
- fill:var(--iui-color-foreground-accessory); }
887
+ .iui-button.iui-idea:focus:where(:not(:focus-visible)){
888
+ background-color:#008BE1;
889
+ border-color:#008BE1;
890
+ color:#FFF;
891
+ background-color:var(--iui-color-background-primary);
892
+ border-color:var(--iui-color-background-primary);
893
+ color:var(--iui-color-foreground-accessory); }
894
+ .iui-button.iui-idea:hover, .iui-button.iui-idea:active{
895
+ background-color:#006bae;
896
+ border-color:#006bae;
897
+ color:#FFF;
898
+ background-color:var(--iui-color-background-primary-overlay);
899
+ border-color:var(--iui-color-background-primary-overlay);
900
+ color:var(--iui-color-foreground-accessory); }
901
+ .iui-button.iui-idea[disabled], .iui-button.iui-idea:disabled{
902
+ cursor:not-allowed;
903
+ background:#EEF0F3;
904
+ border-color:#EEF0F3;
905
+ color:rgba(0, 0, 0, 0.2);
906
+ background:var(--iui-color-background-disabled);
907
+ border-color:var(--iui-color-background-disabled);
908
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
838
909
  .iui-button.iui-borderless{
839
- background-color:transparent;
840
910
  border-color:transparent;
841
- padding:0 8px; }
842
- .iui-button.iui-borderless.iui-small{
843
- padding:0 2px; }
844
- .iui-button.iui-borderless.iui-large{
845
- padding:0 12px; }
846
- .iui-button.iui-borderless > .iui-icon:only-child{
911
+ background-color:transparent;
912
+ padding:0 8px;
913
+ height:38px;
914
+ gap:8px; }
915
+ .iui-button.iui-borderless > .iui-button-icon:only-child{
847
916
  margin-left:3px;
848
917
  margin-right:3px; }
849
- .iui-button.iui-borderless:enabled:hover, .iui-button.iui-borderless:enabled:active, .iui-button.iui-borderless:focus-visible{
918
+ .iui-button.iui-borderless:focus{
850
919
  background-color:rgba(0, 0, 0, 0.1);
851
920
  border-color:transparent;
852
921
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
853
922
  border-color:transparent; }
854
- .iui-button.iui-borderless.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-button.iui-borderless.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-button.iui-borderless.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
855
- background:transparent;
923
+ .iui-button.iui-borderless:focus:where(:not(:focus-visible)){
924
+ border-color:transparent;
925
+ background-color:transparent; }
926
+ .iui-button.iui-borderless:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
927
+ margin-left:3px;
928
+ margin-right:3px; }
929
+ .iui-button.iui-borderless:hover{
930
+ background-color:rgba(0, 0, 0, 0.1);
931
+ border-color:transparent;
932
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
933
+ border-color:transparent; }
934
+ .iui-button.iui-borderless.iui-active{
856
935
  background-color:rgba(0, 139, 225, 0.1);
936
+ color:#008BE1;
857
937
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
938
+ color:var(--iui-color-foreground-primary);
858
939
  border-color:transparent; }
859
- .iui-button.iui-borderless[disabled], .iui-button.iui-borderless[disabled]:hover, .iui-button.iui-borderless[disabled]:active, .iui-button.iui-borderless[disabled]:focus{
940
+ .iui-button.iui-borderless[disabled], .iui-button.iui-borderless:disabled{
941
+ cursor:not-allowed;
942
+ background:#EEF0F3;
943
+ border-color:#EEF0F3;
944
+ color:rgba(0, 0, 0, 0.2);
945
+ background:var(--iui-color-background-disabled);
946
+ border-color:var(--iui-color-background-disabled);
947
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
948
+ background-color:transparent;
949
+ border-color:transparent;
860
950
  background-color:transparent;
861
951
  border-color:transparent; }
862
- .iui-button.iui-borderless[disabled] > .iui-icon, .iui-button.iui-borderless[disabled]:hover > .iui-icon, .iui-button.iui-borderless[disabled]:active > .iui-icon, .iui-button.iui-borderless[disabled]:focus > .iui-icon{
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{
952
+ .iui-button.iui-borderless[disabled].iui-active, .iui-button.iui-borderless:disabled.iui-active{
866
953
  background-color:rgba(0, 0, 0, 0.05);
867
954
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
868
- .iui-button[disabled]{
869
- cursor:not-allowed;
870
- background-color:#EEF0F3;
871
- border-color:#EEF0F3;
872
- background-color:var(--iui-color-background-disabled);
873
- border-color:var(--iui-color-background-disabled); }
874
- .iui-button[disabled] > .iui-label{
875
- color:rgba(0, 0, 0, 0.2);
876
- color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
877
- .iui-button[disabled] > .iui-icon{
878
- fill:rgba(0, 0, 0, 0.2);
879
- fill:var(--iui-icons-color-actionable-disabled); }
955
+ .iui-button.iui-small{
956
+ padding:0 8px;
957
+ height:27px;
958
+ gap:4px; }
959
+ .iui-button.iui-small.iui-borderless{
960
+ padding:0 2px;
961
+ height:27px;
962
+ gap:4px; }
963
+ .iui-button.iui-large{
964
+ padding:0 24px;
965
+ height:49px;
966
+ font-size:16px;
967
+ gap:12px; }
968
+ .iui-button.iui-large.iui-borderless{
969
+ padding:0 12px;
970
+ height:49px;
971
+ font-size:16px;
972
+ gap:12px; }
880
973
 
881
974
  .iui-button-group{
882
975
  display:inline-flex;
883
- align-items:center; }
884
- .iui-button-group > .iui-button:not(.iui-borderless){
885
- border-radius:0; }
886
- .iui-button-group > .iui-button:first-of-type:not(.iui-borderless){
887
- border-top-left-radius:3px;
888
- border-bottom-left-radius:3px; }
889
- .iui-button-group > .iui-button:last-of-type:not(.iui-borderless){
890
- border-top-right-radius:3px;
891
- border-bottom-right-radius:3px; }
892
- .iui-button-group > .iui-button:not(.iui-borderless):not(.iui-cta):not(.iui-high-visibility):not(:last-of-type){
893
- border-right:none; }
894
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
895
- border-left-color:rgba(0, 0, 0, 0.4);
896
- border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
897
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:hover + .iui-button,
898
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:active + .iui-button,
899
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:focus-visible + .iui-button{
900
- border-left-color:black;
901
- border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
902
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):disabled + .iui-button:disabled{
903
- border-left-color:#DCE0E3;
904
- border-left-color:var(--iui-color-background-4); }
905
- .iui-button-group > .iui-active::after{
976
+ align-items:center;
977
+ isolation:isolate; }
978
+ .iui-button-group > * input:hover, .iui-button-group > * input:focus, .iui-button-group > * input:focus-within, .iui-button-group > * button:hover, .iui-button-group > * button:focus, .iui-button-group > * button:focus-within{
979
+ position:relative;
980
+ z-index:1; }
981
+ .iui-button-group > * input:disabled, .iui-button-group > * button:disabled{
982
+ position:relative;
983
+ z-index:-1; }
984
+ .iui-button-group > * input.iui-active::after, .iui-button-group > * button.iui-active::after{
906
985
  content:'';
907
986
  position:absolute;
908
987
  height:2px;
@@ -912,37 +991,37 @@ html.iui-theme-dark{
912
991
  width:calc(100% - 4px);
913
992
  background-color:#008BE1;
914
993
  background-color:var(--iui-color-foreground-primary); }
915
- .iui-button-group > .iui-active:disabled::after{
994
+ .iui-button-group > * input.iui-active:disabled::after, .iui-button-group > * button.iui-active:disabled::after{
916
995
  background-color:rgba(0, 0, 0, 0.2);
917
996
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
918
-
919
- .iui-button-split-menu{
920
- display:inline-flex;
921
- align-items:center;
922
- display:inline-flex;
923
- align-items:center; }
924
- .iui-button-split-menu > .iui-button:not(.iui-borderless){
997
+ .iui-button-group > * input:not(.iui-borderless), .iui-button-group > * button:not(.iui-borderless){
925
998
  border-radius:0; }
926
- .iui-button-split-menu > .iui-button:first-of-type:not(.iui-borderless){
999
+ .iui-button-group > *:first-child input, .iui-button-group > *:first-child button:not(.iui-borderless){
927
1000
  border-top-left-radius:3px;
928
1001
  border-bottom-left-radius:3px; }
929
- .iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
1002
+ .iui-button-group > *:last-child input, .iui-button-group > *:last-child button:not(.iui-borderless){
930
1003
  border-top-right-radius:3px;
931
1004
  border-bottom-right-radius:3px; }
932
- .iui-button-split-menu > .iui-button:not(.iui-borderless):not(.iui-cta):not(.iui-high-visibility):not(:last-of-type){
933
- border-right:none; }
934
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
935
- border-left-color:rgba(0, 0, 0, 0.4);
936
- border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
937
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:hover + .iui-button,
938
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:active + .iui-button,
939
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:focus-visible + .iui-button{
940
- border-left-color:black;
941
- border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
942
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):disabled + .iui-button:disabled{
1005
+ .iui-button-group > *:not(:last-child){
1006
+ margin-right:-1px; }
1007
+ .iui-button-group > *:not(:first-child) .iui-default:disabled{
943
1008
  border-left-color:#DCE0E3;
944
1009
  border-left-color:var(--iui-color-background-4); }
945
- .iui-button-split-menu > .iui-active::after{
1010
+
1011
+ .iui-button-split-menu{
1012
+ display:inline-flex;
1013
+ align-items:center;
1014
+ isolation:isolate;
1015
+ display:inline-flex;
1016
+ align-items:center;
1017
+ isolation:isolate; }
1018
+ .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * input:focus-within, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus, .iui-button-split-menu > * button:focus-within{
1019
+ position:relative;
1020
+ z-index:1; }
1021
+ .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{
1022
+ position:relative;
1023
+ z-index:-1; }
1024
+ .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{
946
1025
  content:'';
947
1026
  position:absolute;
948
1027
  height:2px;
@@ -952,31 +1031,29 @@ html.iui-theme-dark{
952
1031
  width:calc(100% - 4px);
953
1032
  background-color:#008BE1;
954
1033
  background-color:var(--iui-color-foreground-primary); }
955
- .iui-button-split-menu > .iui-active:disabled::after{
1034
+ .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{
956
1035
  background-color:rgba(0, 0, 0, 0.2);
957
1036
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
958
- .iui-button-split-menu > .iui-button:not(.iui-borderless){
1037
+ .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){
959
1038
  border-radius:0; }
960
- .iui-button-split-menu > .iui-button:first-of-type:not(.iui-borderless){
1039
+ .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){
961
1040
  border-top-left-radius:3px;
962
1041
  border-bottom-left-radius:3px; }
963
- .iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
1042
+ .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
964
1043
  border-top-right-radius:3px;
965
1044
  border-bottom-right-radius:3px; }
966
- .iui-button-split-menu > .iui-button:not(.iui-borderless):not(.iui-cta):not(.iui-high-visibility):not(:last-of-type){
967
- border-right:none; }
968
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
969
- border-left-color:rgba(0, 0, 0, 0.4);
970
- border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
971
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:hover + .iui-button,
972
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:active + .iui-button,
973
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled:focus-visible + .iui-button{
974
- border-left-color:black;
975
- border-left-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-1)); }
976
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):disabled + .iui-button:disabled{
1045
+ .iui-button-split-menu > *:not(:last-child){
1046
+ margin-right:-1px; }
1047
+ .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
977
1048
  border-left-color:#DCE0E3;
978
1049
  border-left-color:var(--iui-color-background-4); }
979
- .iui-button-split-menu > .iui-active::after{
1050
+ .iui-button-split-menu > * input:hover, .iui-button-split-menu > * input:focus, .iui-button-split-menu > * input:focus-within, .iui-button-split-menu > * button:hover, .iui-button-split-menu > * button:focus, .iui-button-split-menu > * button:focus-within{
1051
+ position:relative;
1052
+ z-index:1; }
1053
+ .iui-button-split-menu > * input:disabled, .iui-button-split-menu > * button:disabled{
1054
+ position:relative;
1055
+ z-index:-1; }
1056
+ .iui-button-split-menu > * input.iui-active::after, .iui-button-split-menu > * button.iui-active::after{
980
1057
  content:'';
981
1058
  position:absolute;
982
1059
  height:2px;
@@ -986,29 +1063,58 @@ html.iui-theme-dark{
986
1063
  width:calc(100% - 4px);
987
1064
  background-color:#008BE1;
988
1065
  background-color:var(--iui-color-foreground-primary); }
989
- .iui-button-split-menu > .iui-active:disabled::after{
1066
+ .iui-button-split-menu > * input.iui-active:disabled::after, .iui-button-split-menu > * button.iui-active:disabled::after{
990
1067
  background-color:rgba(0, 0, 0, 0.2);
991
1068
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
1069
+ .iui-button-split-menu > * input:not(.iui-borderless), .iui-button-split-menu > * button:not(.iui-borderless){
1070
+ border-radius:0; }
1071
+ .iui-button-split-menu > *:first-child input, .iui-button-split-menu > *:first-child button:not(.iui-borderless){
1072
+ border-top-left-radius:3px;
1073
+ border-bottom-left-radius:3px; }
1074
+ .iui-button-split-menu > *:last-child input, .iui-button-split-menu > *:last-child button:not(.iui-borderless){
1075
+ border-top-right-radius:3px;
1076
+ border-bottom-right-radius:3px; }
1077
+ .iui-button-split-menu > *:not(:last-child){
1078
+ margin-right:-1px; }
1079
+ .iui-button-split-menu > *:not(:first-child) .iui-default:disabled{
1080
+ border-left-color:#DCE0E3;
1081
+ border-left-color:var(--iui-color-background-4); }
992
1082
  .iui-button-split-menu:hover{
993
1083
  background-color:rgba(0, 0, 0, 0.1);
994
1084
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
995
- .iui-button-split-menu .iui-button:first-child.iui-borderless:hover{
1085
+ .iui-button-split-menu > *:first-child > .iui-borderless:hover{
996
1086
  background-color:transparent; }
997
- .iui-button-split-menu > .iui-button + .iui-button{
1087
+ .iui-button-split-menu > *:last-child > .iui-button{
998
1088
  padding:4px; }
999
- .iui-button-split-menu > .iui-small + .iui-small{
1089
+ .iui-button-split-menu > *:last-child > .iui-small{
1000
1090
  padding:2px; }
1001
- .iui-button-split-menu > .iui-large + .iui-large{
1091
+ .iui-button-split-menu > *:last-child > .iui-large{
1002
1092
  padding:8px; }
1003
- .iui-button-split-menu > .iui-high-visibility + .iui-high-visibility,
1004
- .iui-button-split-menu > .iui-high-visibility + .iui-high-visibility:hover,
1005
- .iui-button-split-menu > .iui-cta + .iui-cta,
1006
- .iui-button-split-menu > .iui-cta + .iui-cta:hover{
1093
+ .iui-button-split-menu > *:first-child > .iui-high-visibility,
1094
+ .iui-button-split-menu > *:first-child > .iui-cta{
1095
+ border-right-color:rgba(255, 255, 255, 0.4);
1096
+ border-right-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); }
1097
+ .iui-button-split-menu > *:last-child > .iui-high-visibility,
1098
+ .iui-button-split-menu > *:last-child > .iui-cta{
1007
1099
  border-left-color:rgba(255, 255, 255, 0.4);
1008
1100
  border-left-color:rgba(var(--iui-color-foreground-accessory-rgb), var(--iui-opacity-4)); }
1009
1101
  .iui-button-split-menu.iui-disabled{
1010
1102
  background-color:transparent;
1011
1103
  background-color:transparent; }
1104
+ .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{
1105
+ cursor:not-allowed;
1106
+ background:#EEF0F3;
1107
+ border-color:#EEF0F3;
1108
+ color:rgba(0, 0, 0, 0.2);
1109
+ background:var(--iui-color-background-disabled);
1110
+ border-color:var(--iui-color-background-disabled);
1111
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
1112
+
1113
+ .iui-button-icon{
1114
+ width:16px;
1115
+ height:16px;
1116
+ transition:fill 0.2s ease-out;
1117
+ fill:currentColor; }
1012
1118
 
1013
1119
  .iui-code{
1014
1120
  margin:0;
@@ -1047,6 +1153,8 @@ html.iui-theme-dark{
1047
1153
  user-select:all; }
1048
1154
  .iui-codeblock > .iui-title-bar > .iui-button{
1049
1155
  margin-left:auto; }
1156
+ .iui-codeblock .iui-button{
1157
+ gap:0; }
1050
1158
  .iui-codeblock > .iui-codeblock-content{
1051
1159
  margin:0;
1052
1160
  overflow-x:auto;
@@ -1766,7 +1874,14 @@ html.iui-theme-dark{
1766
1874
  .iui-page-header .iui-header-button-icon{
1767
1875
  transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
1768
1876
  .iui-page-header .iui-header-button.iui-header-button{
1877
+ padding:0 12px;
1878
+ height:49px;
1879
+ font-size:16px;
1880
+ gap:12px;
1881
+ gap:0;
1769
1882
  max-width:25vw;
1883
+ height:100%;
1884
+ border-radius:0;
1770
1885
  overflow:hidden;
1771
1886
  padding-right:8px; }
1772
1887
  .iui-page-header .iui-header-button.iui-header-button:focus{
@@ -1776,22 +1891,24 @@ html.iui-theme-dark{
1776
1891
  outline:1px solid var(--iui-color-foreground-primary); }
1777
1892
  .iui-page-header .iui-header-button.iui-header-button:focus:not(:focus-visible){
1778
1893
  outline:0; }
1779
- .iui-page-header .iui-header-button.iui-header-button > .iui-label{
1894
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label{
1780
1895
  text-align:left;
1781
1896
  font-size:14px;
1782
1897
  overflow:hidden; }
1783
- .iui-page-header .iui-header-button.iui-header-button > .iui-label > div{
1898
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label > div{
1784
1899
  overflow:hidden;
1785
1900
  text-overflow:ellipsis; }
1786
- .iui-page-header .iui-header-button.iui-header-button > .iui-label .iui-description{
1901
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
1787
1902
  height:22px;
1788
1903
  opacity:0.6;
1789
1904
  opacity:var(--iui-opacity-3); }
1790
1905
  @media (prefers-reduced-motion: no-preference){
1791
- .iui-page-header .iui-header-button.iui-header-button > .iui-label .iui-description{
1906
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
1792
1907
  transition:all 0.2s ease; } }
1793
- .iui-page-header .iui-header-button.iui-header-button > .iui-icon{
1908
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-icon{
1794
1909
  flex-shrink:0; }
1910
+ .iui-page-header .iui-header-button.iui-header-button > * + *{
1911
+ margin-left:12px; }
1795
1912
  .iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
1796
1913
  padding:4px;
1797
1914
  width:16px;
@@ -1817,7 +1934,7 @@ html.iui-theme-dark{
1817
1934
  background-color:rgba(0, 139, 225, 0.1);
1818
1935
  fill:var(--iui-icons-color-primary);
1819
1936
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1820
- .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-label{
1937
+ .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
1821
1938
  color:#008BE1;
1822
1939
  color:var(--iui-color-foreground-primary); }
1823
1940
  .iui-page-header .iui-header-button.iui-header-button.iui-active:focus{
@@ -1831,11 +1948,11 @@ html.iui-theme-dark{
1831
1948
  box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
1832
1949
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
1833
1950
  box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
1834
- .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{
1951
+ .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled .iui-button-label{
1835
1952
  color:rgba(0, 0, 0, 0.2);
1836
1953
  color:var(--iui-icons-color-actionable-disabled); }
1837
- .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-icon,
1838
- .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,
1954
+ .iui-page-header .iui-header-button.iui-header-button.iui-active.iui-disabled .iui-button-icon,
1955
+ .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-button-icon,
1839
1956
  .iui-page-header .iui-header-button.iui-header-button.iui-active:disabled svg{
1840
1957
  fill:rgba(0, 0, 0, 0.2);
1841
1958
  fill:var(--iui-icons-color-actionable-disabled); }
@@ -1848,19 +1965,28 @@ html.iui-theme-dark{
1848
1965
  width:12px;
1849
1966
  height:12px;
1850
1967
  padding:2px; }
1851
- .iui-page-header.iui-slim > .iui-left .iui-button .iui-label .iui-description{
1968
+ .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
1852
1969
  opacity:0;
1853
1970
  height:0.1px;
1854
1971
  width:0.1px;
1855
1972
  margin:0;
1856
1973
  padding:0; }
1857
1974
  .iui-page-header .iui-header-split-button{
1858
- height:100%;
1859
- display:flex;
1860
- overflow:hidden;
1861
1975
  max-width:25vw; }
1976
+ .iui-page-header .iui-header-split-button,
1977
+ .iui-page-header .iui-header-split-button > *{
1978
+ height:100%;
1979
+ display:flex;
1980
+ overflow:hidden; }
1862
1981
  .iui-page-header .iui-header-split-button .iui-button{
1982
+ padding:0 12px;
1983
+ height:49px;
1984
+ font-size:16px;
1985
+ gap:12px;
1986
+ gap:0;
1863
1987
  max-width:25vw;
1988
+ height:100%;
1989
+ border-radius:0;
1864
1990
  overflow:hidden;
1865
1991
  padding-right:8px;
1866
1992
  padding:0 4px; }
@@ -1871,22 +1997,24 @@ html.iui-theme-dark{
1871
1997
  outline:1px solid var(--iui-color-foreground-primary); }
1872
1998
  .iui-page-header .iui-header-split-button .iui-button:focus:not(:focus-visible){
1873
1999
  outline:0; }
1874
- .iui-page-header .iui-header-split-button .iui-button > .iui-label{
2000
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label{
1875
2001
  text-align:left;
1876
2002
  font-size:14px;
1877
2003
  overflow:hidden; }
1878
- .iui-page-header .iui-header-split-button .iui-button > .iui-label > div{
2004
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label > div{
1879
2005
  overflow:hidden;
1880
2006
  text-overflow:ellipsis; }
1881
- .iui-page-header .iui-header-split-button .iui-button > .iui-label .iui-description{
2007
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
1882
2008
  height:22px;
1883
2009
  opacity:0.6;
1884
2010
  opacity:var(--iui-opacity-3); }
1885
2011
  @media (prefers-reduced-motion: no-preference){
1886
- .iui-page-header .iui-header-split-button .iui-button > .iui-label .iui-description{
2012
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
1887
2013
  transition:all 0.2s ease; } }
1888
- .iui-page-header .iui-header-split-button .iui-button > .iui-icon{
2014
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-icon{
1889
2015
  flex-shrink:0; }
2016
+ .iui-page-header .iui-header-split-button .iui-button > * + *{
2017
+ margin-left:12px; }
1890
2018
  .iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
1891
2019
  padding:4px;
1892
2020
  width:16px;
@@ -1912,7 +2040,7 @@ html.iui-theme-dark{
1912
2040
  background-color:rgba(0, 139, 225, 0.1);
1913
2041
  fill:var(--iui-icons-color-primary);
1914
2042
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1915
- .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-label{
2043
+ .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
1916
2044
  color:#008BE1;
1917
2045
  color:var(--iui-color-foreground-primary); }
1918
2046
  .iui-page-header .iui-header-split-button .iui-button.iui-active:focus{
@@ -1926,11 +2054,11 @@ html.iui-theme-dark{
1926
2054
  box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
1927
2055
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
1928
2056
  box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
1929
- .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{
2057
+ .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled .iui-button-label{
1930
2058
  color:rgba(0, 0, 0, 0.2);
1931
2059
  color:var(--iui-icons-color-actionable-disabled); }
1932
- .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-icon,
1933
- .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,
2060
+ .iui-page-header .iui-header-split-button .iui-button.iui-active.iui-disabled .iui-button-icon,
2061
+ .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-button-icon,
1934
2062
  .iui-page-header .iui-header-split-button .iui-button.iui-active:disabled svg{
1935
2063
  fill:rgba(0, 0, 0, 0.2);
1936
2064
  fill:var(--iui-icons-color-actionable-disabled); }
@@ -1943,13 +2071,13 @@ html.iui-theme-dark{
1943
2071
  width:12px;
1944
2072
  height:12px;
1945
2073
  padding:2px; }
1946
- .iui-page-header.iui-slim > .iui-left .iui-button .iui-label .iui-description{
2074
+ .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
1947
2075
  opacity:0;
1948
2076
  height:0.1px;
1949
2077
  width:0.1px;
1950
2078
  margin:0;
1951
2079
  padding:0; }
1952
- .iui-page-header .iui-header-split-button .iui-button:first-child{
2080
+ .iui-page-header .iui-header-split-button > *:first-child .iui-button{
1953
2081
  padding-left:12px; }
1954
2082
  .iui-page-header .iui-header-split-button.iui-active svg{
1955
2083
  fill:#008BE1;
@@ -1964,7 +2092,7 @@ html.iui-theme-dark{
1964
2092
  background-color:rgba(0, 139, 225, 0.1);
1965
2093
  fill:var(--iui-icons-color-primary);
1966
2094
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1967
- .iui-page-header .iui-header-split-button.iui-active .iui-label{
2095
+ .iui-page-header .iui-header-split-button.iui-active .iui-button-label{
1968
2096
  color:#008BE1;
1969
2097
  color:var(--iui-color-foreground-primary); }
1970
2098
  .iui-page-header .iui-header-split-button.iui-active:focus{
@@ -1978,11 +2106,11 @@ html.iui-theme-dark{
1978
2106
  box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.4);
1979
2107
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
1980
2108
  box-shadow:0 2px 0 0 rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-4)); }
1981
- .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{
2109
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button-label, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-button-label{
1982
2110
  color:rgba(0, 0, 0, 0.2);
1983
2111
  color:var(--iui-icons-color-actionable-disabled); }
1984
- .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-icon,
1985
- .iui-page-header .iui-header-split-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-icon,
2112
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button-icon,
2113
+ .iui-page-header .iui-header-split-button.iui-active.iui-disabled svg, .iui-page-header .iui-header-split-button.iui-active:disabled .iui-button-icon,
1986
2114
  .iui-page-header .iui-header-split-button.iui-active:disabled svg{
1987
2115
  fill:rgba(0, 0, 0, 0.2);
1988
2116
  fill:var(--iui-icons-color-actionable-disabled); }
@@ -1993,7 +2121,7 @@ html.iui-theme-dark{
1993
2121
  background-color:transparent; }
1994
2122
  .iui-page-header .iui-header-split-button.iui-active .iui-button.iui-borderless::after{
1995
2123
  display:none; }
1996
- .iui-page-header .iui-header-split-button.iui-active .iui-button:last-child:hover{
2124
+ .iui-page-header .iui-header-split-button.iui-active > *:last-child > .iui-button:hover{
1997
2125
  background-color:rgba(0, 139, 225, 0.1);
1998
2126
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
1999
2127
  .iui-page-header .iui-header-split-button.iui-active.iui-disabled .iui-button:last-child:hover{
@@ -2069,7 +2197,7 @@ html.iui-theme-dark{
2069
2197
  width:0.1px;
2070
2198
  margin:0;
2071
2199
  padding:0; }
2072
- .iui-page-header .iui-left .iui-button .iui-header-button-icon + .iui-label, .iui-page-header.iui-slim .iui-left .iui-button .iui-header-button-icon + .iui-label{
2200
+ .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{
2073
2201
  margin-left:0; } }
2074
2202
  @media (max-width: 1024px){
2075
2203
  .iui-page-header .iui-left .iui-header-logo > .iui-label{
@@ -2399,7 +2527,7 @@ html.iui-theme-dark{
2399
2527
  -ms-grid-columns:auto 1fr;
2400
2528
  grid-template:'label label' 'inputs inputs' / auto 1fr;
2401
2529
  cursor:default; }
2402
- .iui-input-container.iui-inline-icon:not(.iui-inline-label) .iui-input-icon{
2530
+ .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
2403
2531
  -ms-grid-row:2;
2404
2532
  -ms-grid-column:2; }
2405
2533
  .iui-input-container.iui-inline-icon > .iui-input,
@@ -2412,7 +2540,7 @@ html.iui-theme-dark{
2412
2540
  -ms-grid-rows:auto auto auto;
2413
2541
  -ms-grid-columns:auto 1fr;
2414
2542
  grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
2415
- .iui-input-container.iui-with-message:not(.iui-inline-icon) .iui-input-icon{
2543
+ .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
2416
2544
  margin-top:3px; }
2417
2545
  .iui-input-container .iui-input,
2418
2546
  .iui-input-container .iui-textarea,
@@ -2453,7 +2581,7 @@ html.iui-theme-dark{
2453
2581
  -ms-grid-rows:auto auto;
2454
2582
  -ms-grid-columns:auto auto 1fr;
2455
2583
  grid-template:'label inputs inputs' '. icon message' / auto auto 1fr; }
2456
- .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) .iui-input-icon{
2584
+ .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
2457
2585
  -ms-grid-row:2;
2458
2586
  -ms-grid-column:2; }
2459
2587
  .iui-input-container.iui-inline-label.iui-with-message .iui-message{
@@ -2487,7 +2615,7 @@ html.iui-theme-dark{
2487
2615
  margin-left:4px;
2488
2616
  color:#D30A0A;
2489
2617
  color:var(--iui-color-foreground-negative); }
2490
- .iui-input-container .iui-input-icon{
2618
+ .iui-input-container > .iui-input-icon{
2491
2619
  -ms-grid-row:3;
2492
2620
  -ms-grid-column:1;
2493
2621
  display:flex;
@@ -2498,7 +2626,7 @@ html.iui-theme-dark{
2498
2626
  align-self:center;
2499
2627
  fill:rgba(0, 0, 0, 0.4);
2500
2628
  fill:var(--iui-icons-color); }
2501
- .iui-input-container .iui-input-icon:not(:last-child){
2629
+ .iui-input-container > .iui-input-icon:not(:last-child){
2502
2630
  margin-right:4px; }
2503
2631
  .iui-input-container .iui-message{
2504
2632
  -ms-grid-row:3;
@@ -2518,7 +2646,7 @@ html.iui-theme-dark{
2518
2646
  -ms-grid-column-span:1; }
2519
2647
  .iui-input-container.iui-inline-label > .iui-label.iui-required{
2520
2648
  margin-right:6px; }
2521
- .iui-input-container.iui-inline-icon .iui-input-icon{
2649
+ .iui-input-container.iui-inline-icon > .iui-input-icon{
2522
2650
  -ms-grid-row:1;
2523
2651
  -ms-grid-column:3;
2524
2652
  grid-area:inputs;
@@ -2526,7 +2654,7 @@ html.iui-theme-dark{
2526
2654
  justify-self:end;
2527
2655
  margin:0 12px 0 0;
2528
2656
  position:relative; }
2529
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-button{
2657
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
2530
2658
  height:100%;
2531
2659
  width:-webkit-fit-content;
2532
2660
  width:-moz-fit-content;
@@ -2534,7 +2662,7 @@ html.iui-theme-dark{
2534
2662
  margin-right:0;
2535
2663
  border-top-left-radius:0;
2536
2664
  border-bottom-left-radius:0; }
2537
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable{
2665
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
2538
2666
  align-items:center;
2539
2667
  height:90%;
2540
2668
  margin-right:1px;
@@ -2542,19 +2670,19 @@ html.iui-theme-dark{
2542
2670
  cursor:pointer;
2543
2671
  background-position:center;
2544
2672
  transition:background 0.4s ease-out; }
2545
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:hover{
2673
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{
2546
2674
  background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; }
2547
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:active{
2675
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{
2548
2676
  background-color:var(--iui-color-background-2);
2549
2677
  background-size:100%;
2550
2678
  transition:background 0s; }
2551
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable svg{
2679
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
2552
2680
  width:16px;
2553
2681
  height:16px;
2554
2682
  fill:rgba(0, 0, 0, 0.4);
2555
2683
  fill:var(--iui-icons-color);
2556
2684
  transition:transform 0.2s ease-out; }
2557
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable.iui-open svg{
2685
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
2558
2686
  transform:rotate(180deg); }
2559
2687
  .iui-input-container.iui-positive *::-moz-selection{
2560
2688
  background-color:rgba(83, 162, 26, 0.4);
@@ -3097,22 +3225,14 @@ html.iui-theme-dark{
3097
3225
  .iui-checkbox .iui-radio-dot svg:not(.iui-radial){
3098
3226
  width:12px;
3099
3227
  height:12px; }
3100
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3101
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3102
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3103
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
3104
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle,
3105
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > g{
3228
+ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3229
+ .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
3106
3230
  opacity:0;
3107
3231
  fill:#008BE1;
3108
3232
  fill:var(--iui-icons-color-primary); }
3109
3233
  @media (prefers-reduced-motion: no-preference){
3110
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3111
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3112
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3113
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
3114
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle,
3115
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > g{
3234
+ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3235
+ .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
3116
3236
  transition:opacity 0.2s ease; } }
3117
3237
  .iui-checkbox > .iui-label{
3118
3238
  margin-right:8px; }
@@ -3195,8 +3315,8 @@ html.iui-theme-dark{
3195
3315
  .iui-checkbox.iui-loading input:disabled ~ .iui-label{
3196
3316
  cursor:wait; }
3197
3317
  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
3198
- background-color:#f2f2f2;
3199
- background-color:var(--iui-color-background-1-overlay); }
3318
+ background-color:rgba(0, 0, 0, 0.1);
3319
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
3200
3320
  .iui-checkbox-visibility input ~ .iui-checkbox-checkmark,
3201
3321
  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
3202
3322
  border:none; }
@@ -3208,9 +3328,11 @@ html.iui-theme-dark{
3208
3328
  .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck,
3209
3329
  .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{
3210
3330
  opacity:0; }
3211
- .iui-checkbox-visibility input ~ .iui-checkbox-checkmark > svg > .iui-uncheck{
3331
+ .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{
3212
3332
  opacity:1;
3213
- transition:opacity 0.2s ease; }
3333
+ transition:opacity 0.2s ease;
3334
+ fill:rgba(0, 0, 0, 0.8);
3335
+ fill:var(--iui-icons-color-actionable); }
3214
3336
 
3215
3337
  .iui-radio{
3216
3338
  margin:0;
@@ -3258,22 +3380,14 @@ html.iui-theme-dark{
3258
3380
  .iui-radio .iui-radio-dot svg:not(.iui-radial){
3259
3381
  width:12px;
3260
3382
  height:12px; }
3261
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3262
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3263
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3264
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
3265
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > circle,
3266
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > g{
3383
+ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3384
+ .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
3267
3385
  opacity:0;
3268
3386
  fill:#008BE1;
3269
3387
  fill:var(--iui-icons-color-primary); }
3270
3388
  @media (prefers-reduced-motion: no-preference){
3271
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3272
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3273
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3274
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
3275
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > circle,
3276
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > g{
3389
+ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3390
+ .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
3277
3391
  transition:opacity 0.2s ease; } }
3278
3392
  .iui-radio > .iui-label{
3279
3393
  margin-right:8px; }
@@ -4404,10 +4518,11 @@ html.iui-theme-dark{
4404
4518
  .iui-side-navigation.iui-expanded,
4405
4519
  .iui-side-navigation > .iui-sidenav-content{
4406
4520
  max-width:288px; }
4407
- .iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-icon,
4408
- .iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-icon{
4521
+ .iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-button-icon,
4522
+ .iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-button-icon{
4409
4523
  transform:scaleX(-1); }
4410
4524
  .iui-side-navigation .iui-sidenav-button{
4525
+ gap:24px;
4411
4526
  border-radius:0;
4412
4527
  border-left:none;
4413
4528
  border-right:none;
@@ -4418,28 +4533,33 @@ html.iui-theme-dark{
4418
4533
  @supports (padding: max(0px)){
4419
4534
  .iui-side-navigation .iui-sidenav-button:not(.iui-expand){
4420
4535
  padding-left:max(24px, 24px + env(safe-area-inset-left)); } }
4421
- .iui-side-navigation .iui-sidenav-button, .iui-side-navigation .iui-sidenav-button:enabled:hover, .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:focus-visible{
4536
+ .iui-side-navigation .iui-sidenav-button > .iui-button-label{
4537
+ white-space:nowrap;
4538
+ overflow:hidden;
4539
+ text-overflow:ellipsis; }
4540
+ .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{
4422
4541
  border-color:#C7CCD1;
4423
4542
  border-color:var(--iui-color-background-5); }
4424
- .iui-side-navigation .iui-sidenav-button > .iui-icon:not(.iui-user-icon){
4543
+ .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
4544
+ border-color:#C7CCD1;
4545
+ border-color:var(--iui-color-background-5); }
4546
+ .iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){
4425
4547
  width:24px;
4426
4548
  height:24px;
4427
4549
  flex-shrink:0; }
4428
- .iui-side-navigation .iui-sidenav-button > .iui-icon:not(.iui-user-icon) + .iui-label{
4429
- margin-left:24px;
4430
- white-space:nowrap;
4431
- overflow:hidden;
4432
- text-overflow:ellipsis; }
4433
- .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-icon{
4550
+ .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{
4434
4551
  fill:#008BE1;
4435
4552
  fill:var(--iui-color-foreground-primary); }
4436
- .iui-side-navigation .iui-sidenav-button.iui-active:focus, .iui-side-navigation .iui-sidenav-button.iui-active:focus-visible{
4437
- box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
4438
- 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); }
4439
- .iui-side-navigation .iui-sidenav-button.iui-active, .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
4553
+ .iui-side-navigation .iui-sidenav-button.iui-active{
4440
4554
  box-shadow:inset 2px 0 0 0 #008BE1;
4441
4555
  box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
4442
- .iui-side-navigation .iui-sidenav-button[disabled]{
4556
+ .iui-side-navigation .iui-sidenav-button.iui-active:focus{
4557
+ box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
4558
+ 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); }
4559
+ .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
4560
+ box-shadow:inset 2px 0 0 0 #008BE1;
4561
+ box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
4562
+ .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{
4443
4563
  background-color:#F8F9FB;
4444
4564
  background-color:var(--iui-color-background-2); }
4445
4565
  .iui-side-navigation .iui-sidenav-button:focus{
@@ -4448,35 +4568,32 @@ html.iui-theme-dark{
4448
4568
  box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
4449
4569
  .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
4450
4570
  box-shadow:none; }
4451
- .iui-side-navigation .iui-sidenav-button:focus-visible{
4452
- outline:0;
4453
- box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
4454
4571
  .iui-side-navigation .iui-sidenav-button.iui-expand{
4455
4572
  height:22px;
4456
4573
  justify-content:center;
4457
4574
  border:none;
4458
4575
  border-bottom:1px solid #C7CCD1;
4459
4576
  border-bottom:1px solid var(--iui-color-background-5); }
4460
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
4577
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
4461
4578
  fill:rgba(0, 0, 0, 0.4);
4462
4579
  fill:var(--iui-icons-color);
4463
4580
  display:inline-flex;
4464
4581
  width:12px;
4465
4582
  height:12px; }
4466
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-informational{
4583
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
4467
4584
  fill:#008BE1;
4468
4585
  fill:var(--iui-icons-color-primary); }
4469
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-positive{
4586
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-positive{
4470
4587
  fill:#53A21A;
4471
4588
  fill:var(--iui-icons-color-positive); }
4472
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-warning{
4589
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{
4473
4590
  fill:#F18B12;
4474
4591
  fill:var(--iui-icons-color-warning); }
4475
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-negative{
4592
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{
4476
4593
  fill:#D30A0A;
4477
4594
  fill:var(--iui-icons-color-negative); }
4478
4595
  @media (prefers-reduced-motion: no-preference){
4479
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
4596
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
4480
4597
  transition:transform 0.4s ease-out; } }
4481
4598
 
4482
4599
  .iui-side-navigation-submenu{
@@ -4690,9 +4807,6 @@ html.iui-theme-dark{
4690
4807
  flex-direction:column; }
4691
4808
  .iui-table *{
4692
4809
  box-sizing:border-box; }
4693
- .iui-table.iui-zebra-striping > .iui-table-body > .iui-row:nth-child(even):not(.iui-selected){
4694
- background:rgba(0, 0, 0, 0.02);
4695
- background:rgba(var(--iui-color-foreground-body-rgb), 0.02); }
4696
4810
  .iui-table .iui-cell-end-icon,
4697
4811
  .iui-table .iui-cell-start-icon{
4698
4812
  flex-shrink:0;
@@ -4807,6 +4921,9 @@ html.iui-theme-dark{
4807
4921
  scroll-snap-type:y mandatory; }
4808
4922
  .iui-table-body.iui-scroll-snapping .iui-row{
4809
4923
  scroll-snap-align:start; }
4924
+ .iui-table-body.iui-zebra-striping > .iui-row:nth-child(even):not(.iui-selected){
4925
+ background-color:rgba(0, 0, 0, 0.02);
4926
+ background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02); }
4810
4927
  .iui-table-body .iui-row{
4811
4928
  display:flex;
4812
4929
  border:solid 1px transparent;
@@ -4825,7 +4942,7 @@ html.iui-theme-dark{
4825
4942
  .iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
4826
4943
  visibility:visible; }
4827
4944
  @media (prefers-reduced-motion: no-preference){
4828
- .iui-table-body .iui-row .iui-row-expander > .iui-icon{
4945
+ .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
4829
4946
  transition:transform 0.2s ease-out; } }
4830
4947
  .iui-table-body .iui-row.iui-row-expanded{
4831
4948
  overflow:hidden;
@@ -4835,7 +4952,7 @@ html.iui-theme-dark{
4835
4952
  border-left-color:var(--iui-color-background-4);
4836
4953
  border-right-color:var(--iui-color-background-4);
4837
4954
  border-bottom-color:transparent; }
4838
- .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-icon{
4955
+ .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
4839
4956
  transform:rotate(90deg); }
4840
4957
  .iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
4841
4958
  border-left-color:#DCE0E3;
@@ -4982,6 +5099,8 @@ html.iui-theme-dark{
4982
5099
  justify-content:center;
4983
5100
  align-items:center;
4984
5101
  flex-basis:48px; }
5102
+ .iui-cell:not(.iui-slot):last-child{
5103
+ padding-right:16px; }
4985
5104
  .iui-cell.iui-positive{
4986
5105
  background-color:rgba(83, 162, 26, 0.1);
4987
5106
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); }
@@ -5024,7 +5143,7 @@ html.iui-theme-dark{
5024
5143
  border:none;
5025
5144
  vertical-align:baseline;
5026
5145
  display:flex;
5027
- justify-content:space-around;
5146
+ justify-content:space-between;
5028
5147
  align-items:center;
5029
5148
  min-height:55px;
5030
5149
  padding:0 16px;
@@ -5049,25 +5168,34 @@ html.iui-theme-dark{
5049
5168
  color:var(--iui-text-color); }
5050
5169
  .iui-paginator > .iui-center .iui-button-group{
5051
5170
  margin:0 8px; }
5052
- .iui-paginator > .iui-center .iui-button-group > .iui-button,
5053
- .iui-paginator > .iui-center .iui-button-group > .iui-ellipsis{
5054
- width:38px; }
5055
- .iui-paginator > .iui-center .iui-button-group > .iui-button.iui-small,
5056
- .iui-paginator > .iui-center .iui-button-group > .iui-ellipsis.iui-small{
5057
- width:27px; }
5058
- .iui-paginator > .iui-center .iui-button-group > .iui-button{
5059
- transition:none; }
5060
- .iui-paginator > .iui-center .iui-button-group > .iui-ellipsis{
5061
- display:flex;
5062
- justify-content:center;
5063
- align-items:center;
5064
- color:rgba(0, 0, 0, 0.4);
5065
- color:var(--iui-text-color-muted); }
5066
- .iui-paginator > .iui-center .iui-button-group > .iui-active::after{
5067
- top:auto;
5068
- bottom:2px; }
5171
+ .iui-paginator > .iui-center .iui-button-group > *{
5172
+ margin-right:0;
5173
+ display:flex; }
5174
+ .iui-paginator > .iui-center .iui-button-group > * > .iui-button,
5175
+ .iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis{
5176
+ width:38px; }
5177
+ .iui-paginator > .iui-center .iui-button-group > * > .iui-button.iui-small,
5178
+ .iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis.iui-small{
5179
+ width:27px; }
5180
+ .iui-paginator > .iui-center .iui-button-group > * > .iui-button{
5181
+ transition:none; }
5182
+ .iui-paginator > .iui-center .iui-button-group > * > .iui-ellipsis{
5183
+ display:flex;
5184
+ justify-content:center;
5185
+ align-items:center;
5186
+ color:rgba(0, 0, 0, 0.4);
5187
+ color:var(--iui-text-color-muted); }
5188
+ .iui-paginator > .iui-center .iui-button-group > * > .iui-active::after{
5189
+ top:auto;
5190
+ bottom:2px; }
5069
5191
  .iui-paginator > .iui-right{
5070
5192
  justify-content:flex-end; }
5193
+ .iui-paginator-page-size-label{
5194
+ color:rgba(0, 0, 0, 0.4);
5195
+ color:var(--iui-text-color-muted);
5196
+ white-space:nowrap;
5197
+ overflow:hidden;
5198
+ text-overflow:ellipsis; }
5071
5199
 
5072
5200
  .iui-column-filter{
5073
5201
  margin:0;
@@ -5580,57 +5708,65 @@ a.iui-tag{
5580
5708
  border-bottom:1px solid var(--iui-color-background-4); }
5581
5709
  .iui-tile .iui-thumbnail > .iui-type-indicator,
5582
5710
  .iui-tile .iui-thumbnail > .iui-quick-action{
5583
- background-color:transparent;
5584
5711
  border-color:transparent;
5712
+ background-color:transparent;
5585
5713
  padding:0 8px;
5714
+ height:38px;
5715
+ gap:8px;
5716
+ padding:0 2px;
5717
+ height:27px;
5718
+ gap:4px;
5586
5719
  position:absolute;
5587
5720
  border-radius:50%;
5588
5721
  top:6px; }
5589
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-small,
5590
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-small{
5591
- padding:0 2px; }
5592
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-large,
5593
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-large{
5594
- padding:0 12px; }
5595
- .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-icon:only-child,
5596
- .iui-tile .iui-thumbnail > .iui-quick-action > .iui-icon:only-child{
5722
+ .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child,
5723
+ .iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{
5597
5724
  margin-left:3px;
5598
5725
  margin-right:3px; }
5599
- .iui-tile .iui-thumbnail > .iui-type-indicator:enabled:hover, .iui-tile .iui-thumbnail > .iui-type-indicator:enabled:active, .iui-tile .iui-thumbnail > .iui-type-indicator:focus-visible,
5600
- .iui-tile .iui-thumbnail > .iui-quick-action:enabled:hover,
5601
- .iui-tile .iui-thumbnail > .iui-quick-action:enabled:active,
5602
- .iui-tile .iui-thumbnail > .iui-quick-action:focus-visible{
5726
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus,
5727
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus{
5603
5728
  background-color:rgba(0, 0, 0, 0.1);
5604
5729
  border-color:transparent;
5605
5730
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
5606
5731
  border-color:transparent; }
5607
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled, .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover, .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active,
5608
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled,
5609
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover,
5610
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
5611
- background:transparent;
5732
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)),
5733
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)){
5734
+ border-color:transparent;
5735
+ background-color:transparent; }
5736
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child,
5737
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
5738
+ margin-left:3px;
5739
+ margin-right:3px; }
5740
+ .iui-tile .iui-thumbnail > .iui-type-indicator:hover,
5741
+ .iui-tile .iui-thumbnail > .iui-quick-action:hover{
5742
+ background-color:rgba(0, 0, 0, 0.1);
5743
+ border-color:transparent;
5744
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
5745
+ border-color:transparent; }
5746
+ .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active,
5747
+ .iui-tile .iui-thumbnail > .iui-quick-action.iui-active{
5612
5748
  background-color:rgba(0, 139, 225, 0.1);
5749
+ color:#008BE1;
5613
5750
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
5751
+ color:var(--iui-color-foreground-primary);
5614
5752
  border-color:transparent; }
5615
- .iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:hover, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:active, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:focus,
5753
+ .iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled,
5616
5754
  .iui-tile .iui-thumbnail > .iui-quick-action[disabled],
5617
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover,
5618
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active,
5619
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus{
5755
+ .iui-tile .iui-thumbnail > .iui-quick-action:disabled{
5756
+ cursor:not-allowed;
5757
+ background:#EEF0F3;
5758
+ border-color:#EEF0F3;
5759
+ color:rgba(0, 0, 0, 0.2);
5760
+ background:var(--iui-color-background-disabled);
5761
+ border-color:var(--iui-color-background-disabled);
5762
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
5763
+ background-color:transparent;
5764
+ border-color:transparent;
5620
5765
  background-color:transparent;
5621
5766
  border-color:transparent; }
5622
- .iui-tile .iui-thumbnail > .iui-type-indicator[disabled] > .iui-icon, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:hover > .iui-icon, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:active > .iui-icon, .iui-tile .iui-thumbnail > .iui-type-indicator[disabled]:focus > .iui-icon,
5623
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled] > .iui-icon,
5624
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover > .iui-icon,
5625
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active > .iui-icon,
5626
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus > .iui-icon{
5627
- fill:rgba(0, 0, 0, 0.2);
5628
- fill:var(--iui-icons-color-actionable-disabled); }
5629
- .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,
5767
+ .iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active,
5630
5768
  .iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active,
5631
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover.iui-active,
5632
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active.iui-active,
5633
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus.iui-active{
5769
+ .iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{
5634
5770
  background-color:rgba(0, 0, 0, 0.05);
5635
5771
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
5636
5772
  .iui-tile .iui-thumbnail > .iui-type-indicator{
@@ -5703,8 +5839,8 @@ a.iui-tag{
5703
5839
  backdrop-filter:blur(5px);
5704
5840
  background-color:rgba(0, 0, 0, var(--iui-opacity-5));
5705
5841
  backdrop-filter:blur(5px); } }
5706
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-icon,
5707
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-icon{
5842
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon,
5843
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{
5708
5844
  fill:#FFF;
5709
5845
  filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
5710
5846
  fill:var(--iui-color-foreground-accessory);
@@ -5716,11 +5852,11 @@ a.iui-tag{
5716
5852
  .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{
5717
5853
  background-color:rgba(0, 0, 0, 0.4);
5718
5854
  background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
5719
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button:hover > .iui-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled > .iui-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:enabled:hover > .iui-icon, .iui-tile .iui-thumbnail > .iui-picture + .iui-button.iui-active:active > .iui-icon,
5720
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover > .iui-icon,
5721
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled > .iui-icon,
5722
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover > .iui-icon,
5723
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active > .iui-icon{
5855
+ .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,
5856
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon,
5857
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon,
5858
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon,
5859
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{
5724
5860
  fill:#FFF;
5725
5861
  fill:var(--iui-color-foreground-accessory); }
5726
5862
  .iui-tile > .iui-content{
@@ -5823,6 +5959,9 @@ a.iui-tag{
5823
5959
  overflow:hidden;
5824
5960
  text-overflow:ellipsis; }
5825
5961
  .iui-tile > .iui-content > .iui-more-options{
5962
+ padding:0 2px;
5963
+ height:27px;
5964
+ gap:4px;
5826
5965
  position:absolute;
5827
5966
  bottom:5.5px;
5828
5967
  right:8px;
@@ -6405,6 +6544,110 @@ a.iui-tag{
6405
6544
  background-color:rgba(0, 0, 0, var(--iui-opacity-3));
6406
6545
  color:var(--iui-color-foreground-accessory); }
6407
6546
 
6547
+ .iui-tree{
6548
+ margin:0;
6549
+ padding:0;
6550
+ border:none;
6551
+ vertical-align:baseline;
6552
+ list-style:none; }
6553
+
6554
+ .iui-sub-tree{
6555
+ margin:0;
6556
+ padding:0;
6557
+ border:none;
6558
+ vertical-align:baseline;
6559
+ list-style:none; }
6560
+
6561
+ .iui-tree-node{
6562
+ display:flex;
6563
+ cursor:pointer;
6564
+ padding:0 8px; }
6565
+ .iui-tree-node-checkbox{
6566
+ margin-right:8px; }
6567
+ .iui-tree-node-content{
6568
+ display:flex;
6569
+ align-items:center;
6570
+ box-sizing:border-box;
6571
+ min-height:33px;
6572
+ margin-left:calc(28px * (var(--level, 0)));
6573
+ overflow:hidden;
6574
+ padding-left:2px; }
6575
+ .iui-tree-node-content-icon{
6576
+ fill:rgba(0, 0, 0, 0.4);
6577
+ fill:var(--iui-icons-color);
6578
+ display:inline-flex;
6579
+ width:16px;
6580
+ height:16px;
6581
+ padding:0 6px;
6582
+ flex-shrink:0; }
6583
+ .iui-tree-node-content-icon.iui-informational{
6584
+ fill:#008BE1;
6585
+ fill:var(--iui-icons-color-primary); }
6586
+ .iui-tree-node-content-icon.iui-positive{
6587
+ fill:#53A21A;
6588
+ fill:var(--iui-icons-color-positive); }
6589
+ .iui-tree-node-content-icon.iui-warning{
6590
+ fill:#F18B12;
6591
+ fill:var(--iui-icons-color-warning); }
6592
+ .iui-tree-node-content-icon.iui-negative{
6593
+ fill:#D30A0A;
6594
+ fill:var(--iui-icons-color-negative); }
6595
+ .iui-tree-node-content-icon:first-child{
6596
+ margin-left:28px; }
6597
+ @media (prefers-reduced-motion: no-preference){
6598
+ .iui-tree-node-content-expander-icon{
6599
+ transition:transform 0.2s ease-out; } }
6600
+ .iui-tree-node-content-expander-icon-expanded{
6601
+ transform:rotate(90deg); }
6602
+ .iui-tree-node-content-label{
6603
+ min-width:0;
6604
+ padding-left:6px; }
6605
+ .iui-tree-node-content-label:first-child{
6606
+ margin-left:28px; }
6607
+ .iui-tree-node-content-title, .iui-tree-node-content-caption{
6608
+ white-space:nowrap;
6609
+ overflow:hidden;
6610
+ text-overflow:ellipsis; }
6611
+ .iui-tree-node-content-title{
6612
+ font-size:14px; }
6613
+ .iui-tree-node-content-caption{
6614
+ font-size:12px;
6615
+ color:rgba(0, 0, 0, 0.4);
6616
+ color:var(--iui-text-color-muted); }
6617
+ .iui-tree-node:focus{
6618
+ outline:thin solid rgba(0, 139, 225, 0.4);
6619
+ outline-offset:-1px;
6620
+ outline:thin solid rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
6621
+ outline-offset:-1px; }
6622
+ .iui-tree-node:focus:not(:focus-visible){
6623
+ outline-offset:-2px; }
6624
+ .iui-tree-node:hover{
6625
+ background-color:rgba(0, 139, 225, 0.1);
6626
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
6627
+ .iui-tree-node:hover .iui-tree-node-content-caption{
6628
+ color:#000;
6629
+ color:var(--iui-color-foreground-body);
6630
+ transition:color 0.2s ease; }
6631
+ .iui-tree-node.iui-active{
6632
+ background-color:rgba(0, 139, 225, 0.2);
6633
+ outline:thin solid var(--iui-color-foreground-primary);
6634
+ outline-offset:-1px;
6635
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
6636
+ outline:thin solid var(--iui-color-foreground-primary);
6637
+ outline-offset:-1px; }
6638
+ .iui-tree-node.iui-active:focus{
6639
+ outline-width:2px;
6640
+ outline-offset:-2px; }
6641
+ .iui-tree-node.iui-disabled{
6642
+ cursor:not-allowed;
6643
+ outline:none;
6644
+ background-color:transparent;
6645
+ color:rgba(0, 0, 0, 0.2);
6646
+ color:var(--iui-text-color-placeholder); }
6647
+ .iui-tree-node.iui-disabled .iui-tree-node-content-caption{
6648
+ color:rgba(0, 0, 0, 0.2);
6649
+ color:var(--iui-text-color-placeholder); }
6650
+
6408
6651
  .iui-user-icon{
6409
6652
  margin:0;
6410
6653
  padding:0;
@@ -6468,7 +6711,9 @@ a.iui-tag{
6468
6711
  width:100%;
6469
6712
  height:100%;
6470
6713
  border-width:0;
6471
- border-radius:50%; }
6714
+ border-radius:50%;
6715
+ background-color:#FFF;
6716
+ background-color:var(--iui-color-background-1); }
6472
6717
  .iui-user-icon > .iui-status{
6473
6718
  display:flex;
6474
6719
  align-items:center;