@itwin/itwinui-css 0.39.0 → 0.41.1

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 +525 -280
  2. package/css/breadcrumbs.css +31 -15
  3. package/css/button.css +228 -137
  4. package/css/code.css +2 -0
  5. package/css/header.css +34 -16
  6. package/css/inputs.css +34 -44
  7. package/css/side-navigation.css +27 -24
  8. package/css/table.css +11 -3
  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 +3 -3
  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 +5 -0
  25. package/scss/classes.scss +1 -0
  26. package/scss/code/codeblock.scss +4 -0
  27. package/scss/header/header.scss +22 -10
  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 -6
  32. package/scss/inputs/labeled-inputs.scss +13 -5
  33. package/scss/side-navigation/side-navigation.scss +27 -22
  34. package/scss/table/paginator.scss +9 -1
  35. package/scss/table/table.scss +6 -2
  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{
605
+ background-color:rgba(0, 0, 0, 0.1);
606
+ border-color:transparent;
607
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
608
+ border-color:transparent; }
609
+ .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)){
610
+ border-color:transparent;
611
+ background-color:transparent; }
612
+ .iui-breadcrumbs-item .iui-button:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
613
+ margin-left:3px;
614
+ margin-right:3px; }
615
+ .iui-breadcrumbs-item .iui-button:hover{
607
616
  background-color:rgba(0, 0, 0, 0.1);
608
617
  border-color:transparent;
609
618
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
610
619
  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;
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,61 +877,99 @@ 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;
@@ -889,17 +982,17 @@ html.iui-theme-dark{
889
982
  .iui-button-group > .iui-button:last-of-type:not(.iui-borderless){
890
983
  border-top-right-radius:3px;
891
984
  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){
985
+ .iui-button-group > .iui-button.iui-default:not(:last-of-type){
893
986
  border-right:none; }
894
- .iui-button-group > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
987
+ .iui-button-group > .iui-button.iui-default:not(:disabled) + :disabled{
895
988
  border-left-color:rgba(0, 0, 0, 0.4);
896
989
  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{
990
+ .iui-button-group > .iui-button.iui-default:not(:disabled):hover + .iui-button,
991
+ .iui-button-group > .iui-button.iui-default:not(:disabled):active + .iui-button,
992
+ .iui-button-group > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
900
993
  border-left-color:black;
901
994
  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{
995
+ .iui-button-group > .iui-button.iui-default:disabled + .iui-button:disabled{
903
996
  border-left-color:#DCE0E3;
904
997
  border-left-color:var(--iui-color-background-4); }
905
998
  .iui-button-group > .iui-active::after{
@@ -929,17 +1022,17 @@ html.iui-theme-dark{
929
1022
  .iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
930
1023
  border-top-right-radius:3px;
931
1024
  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){
1025
+ .iui-button-split-menu > .iui-button.iui-default:not(:last-of-type){
933
1026
  border-right:none; }
934
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
1027
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled) + :disabled{
935
1028
  border-left-color:rgba(0, 0, 0, 0.4);
936
1029
  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{
1030
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):hover + .iui-button,
1031
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):active + .iui-button,
1032
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
940
1033
  border-left-color:black;
941
1034
  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{
1035
+ .iui-button-split-menu > .iui-button.iui-default:disabled + .iui-button:disabled{
943
1036
  border-left-color:#DCE0E3;
944
1037
  border-left-color:var(--iui-color-background-4); }
945
1038
  .iui-button-split-menu > .iui-active::after{
@@ -963,17 +1056,17 @@ html.iui-theme-dark{
963
1056
  .iui-button-split-menu > .iui-button:last-of-type:not(.iui-borderless){
964
1057
  border-top-right-radius:3px;
965
1058
  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){
1059
+ .iui-button-split-menu > .iui-button.iui-default:not(:last-of-type){
967
1060
  border-right:none; }
968
- .iui-button-split-menu > .iui-button:not(.iui-high-visibility):not(.iui-cta):not(.iui-borderless):enabled + :disabled{
1061
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled) + :disabled{
969
1062
  border-left-color:rgba(0, 0, 0, 0.4);
970
1063
  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{
1064
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):hover + .iui-button,
1065
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):active + .iui-button,
1066
+ .iui-button-split-menu > .iui-button.iui-default:not(:disabled):focus-visible + .iui-button{
974
1067
  border-left-color:black;
975
1068
  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{
1069
+ .iui-button-split-menu > .iui-button.iui-default:disabled + .iui-button:disabled{
977
1070
  border-left-color:#DCE0E3;
978
1071
  border-left-color:var(--iui-color-background-4); }
979
1072
  .iui-button-split-menu > .iui-active::after{
@@ -1009,6 +1102,20 @@ html.iui-theme-dark{
1009
1102
  .iui-button-split-menu.iui-disabled{
1010
1103
  background-color:transparent;
1011
1104
  background-color:transparent; }
1105
+ .iui-button-split-menu[disabled], .iui-button-split-menu:disabled{
1106
+ cursor:not-allowed;
1107
+ background:#EEF0F3;
1108
+ border-color:#EEF0F3;
1109
+ color:rgba(0, 0, 0, 0.2);
1110
+ background:var(--iui-color-background-disabled);
1111
+ border-color:var(--iui-color-background-disabled);
1112
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5)); }
1113
+
1114
+ .iui-button-icon{
1115
+ width:16px;
1116
+ height:16px;
1117
+ transition:fill 0.2s ease-out;
1118
+ fill:currentColor; }
1012
1119
 
1013
1120
  .iui-code{
1014
1121
  margin:0;
@@ -1047,6 +1154,8 @@ html.iui-theme-dark{
1047
1154
  user-select:all; }
1048
1155
  .iui-codeblock > .iui-title-bar > .iui-button{
1049
1156
  margin-left:auto; }
1157
+ .iui-codeblock .iui-button{
1158
+ gap:0; }
1050
1159
  .iui-codeblock > .iui-codeblock-content{
1051
1160
  margin:0;
1052
1161
  overflow-x:auto;
@@ -1766,7 +1875,14 @@ html.iui-theme-dark{
1766
1875
  .iui-page-header .iui-header-button-icon{
1767
1876
  transition:width 0.2s ease-out, height 0.2s ease-out, margin 0.2s ease-out; } }
1768
1877
  .iui-page-header .iui-header-button.iui-header-button{
1878
+ padding:0 12px;
1879
+ height:49px;
1880
+ font-size:16px;
1881
+ gap:12px;
1882
+ gap:0;
1769
1883
  max-width:25vw;
1884
+ height:100%;
1885
+ border-radius:0;
1770
1886
  overflow:hidden;
1771
1887
  padding-right:8px; }
1772
1888
  .iui-page-header .iui-header-button.iui-header-button:focus{
@@ -1776,22 +1892,24 @@ html.iui-theme-dark{
1776
1892
  outline:1px solid var(--iui-color-foreground-primary); }
1777
1893
  .iui-page-header .iui-header-button.iui-header-button:focus:not(:focus-visible){
1778
1894
  outline:0; }
1779
- .iui-page-header .iui-header-button.iui-header-button > .iui-label{
1895
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label{
1780
1896
  text-align:left;
1781
1897
  font-size:14px;
1782
1898
  overflow:hidden; }
1783
- .iui-page-header .iui-header-button.iui-header-button > .iui-label > div{
1899
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label > div{
1784
1900
  overflow:hidden;
1785
1901
  text-overflow:ellipsis; }
1786
- .iui-page-header .iui-header-button.iui-header-button > .iui-label .iui-description{
1902
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
1787
1903
  height:22px;
1788
1904
  opacity:0.6;
1789
1905
  opacity:var(--iui-opacity-3); }
1790
1906
  @media (prefers-reduced-motion: no-preference){
1791
- .iui-page-header .iui-header-button.iui-header-button > .iui-label .iui-description{
1907
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-label .iui-description{
1792
1908
  transition:all 0.2s ease; } }
1793
- .iui-page-header .iui-header-button.iui-header-button > .iui-icon{
1909
+ .iui-page-header .iui-header-button.iui-header-button > .iui-button-icon{
1794
1910
  flex-shrink:0; }
1911
+ .iui-page-header .iui-header-button.iui-header-button > * + *{
1912
+ margin-left:12px; }
1795
1913
  .iui-page-header .iui-header-button.iui-header-button .iui-header-button-icon{
1796
1914
  padding:4px;
1797
1915
  width:16px;
@@ -1817,7 +1935,7 @@ html.iui-theme-dark{
1817
1935
  background-color:rgba(0, 139, 225, 0.1);
1818
1936
  fill:var(--iui-icons-color-primary);
1819
1937
  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{
1938
+ .iui-page-header .iui-header-button.iui-header-button.iui-active .iui-button-label{
1821
1939
  color:#008BE1;
1822
1940
  color:var(--iui-color-foreground-primary); }
1823
1941
  .iui-page-header .iui-header-button.iui-header-button.iui-active:focus{
@@ -1848,7 +1966,7 @@ html.iui-theme-dark{
1848
1966
  width:12px;
1849
1967
  height:12px;
1850
1968
  padding:2px; }
1851
- .iui-page-header.iui-slim > .iui-left .iui-button .iui-label .iui-description{
1969
+ .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
1852
1970
  opacity:0;
1853
1971
  height:0.1px;
1854
1972
  width:0.1px;
@@ -1860,7 +1978,14 @@ html.iui-theme-dark{
1860
1978
  overflow:hidden;
1861
1979
  max-width:25vw; }
1862
1980
  .iui-page-header .iui-header-split-button .iui-button{
1981
+ padding:0 12px;
1982
+ height:49px;
1983
+ font-size:16px;
1984
+ gap:12px;
1985
+ gap:0;
1863
1986
  max-width:25vw;
1987
+ height:100%;
1988
+ border-radius:0;
1864
1989
  overflow:hidden;
1865
1990
  padding-right:8px;
1866
1991
  padding:0 4px; }
@@ -1871,22 +1996,24 @@ html.iui-theme-dark{
1871
1996
  outline:1px solid var(--iui-color-foreground-primary); }
1872
1997
  .iui-page-header .iui-header-split-button .iui-button:focus:not(:focus-visible){
1873
1998
  outline:0; }
1874
- .iui-page-header .iui-header-split-button .iui-button > .iui-label{
1999
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label{
1875
2000
  text-align:left;
1876
2001
  font-size:14px;
1877
2002
  overflow:hidden; }
1878
- .iui-page-header .iui-header-split-button .iui-button > .iui-label > div{
2003
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label > div{
1879
2004
  overflow:hidden;
1880
2005
  text-overflow:ellipsis; }
1881
- .iui-page-header .iui-header-split-button .iui-button > .iui-label .iui-description{
2006
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
1882
2007
  height:22px;
1883
2008
  opacity:0.6;
1884
2009
  opacity:var(--iui-opacity-3); }
1885
2010
  @media (prefers-reduced-motion: no-preference){
1886
- .iui-page-header .iui-header-split-button .iui-button > .iui-label .iui-description{
2011
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-label .iui-description{
1887
2012
  transition:all 0.2s ease; } }
1888
- .iui-page-header .iui-header-split-button .iui-button > .iui-icon{
2013
+ .iui-page-header .iui-header-split-button .iui-button > .iui-button-icon{
1889
2014
  flex-shrink:0; }
2015
+ .iui-page-header .iui-header-split-button .iui-button > * + *{
2016
+ margin-left:12px; }
1890
2017
  .iui-page-header .iui-header-split-button .iui-button .iui-header-button-icon{
1891
2018
  padding:4px;
1892
2019
  width:16px;
@@ -1912,7 +2039,7 @@ html.iui-theme-dark{
1912
2039
  background-color:rgba(0, 139, 225, 0.1);
1913
2040
  fill:var(--iui-icons-color-primary);
1914
2041
  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{
2042
+ .iui-page-header .iui-header-split-button .iui-button.iui-active .iui-button-label{
1916
2043
  color:#008BE1;
1917
2044
  color:var(--iui-color-foreground-primary); }
1918
2045
  .iui-page-header .iui-header-split-button .iui-button.iui-active:focus{
@@ -1943,7 +2070,7 @@ html.iui-theme-dark{
1943
2070
  width:12px;
1944
2071
  height:12px;
1945
2072
  padding:2px; }
1946
- .iui-page-header.iui-slim > .iui-left .iui-button .iui-label .iui-description{
2073
+ .iui-page-header.iui-slim > .iui-left .iui-button-label .iui-description{
1947
2074
  opacity:0;
1948
2075
  height:0.1px;
1949
2076
  width:0.1px;
@@ -1964,7 +2091,7 @@ html.iui-theme-dark{
1964
2091
  background-color:rgba(0, 139, 225, 0.1);
1965
2092
  fill:var(--iui-icons-color-primary);
1966
2093
  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{
2094
+ .iui-page-header .iui-header-split-button.iui-active .iui-button-label{
1968
2095
  color:#008BE1;
1969
2096
  color:var(--iui-color-foreground-primary); }
1970
2097
  .iui-page-header .iui-header-split-button.iui-active:focus{
@@ -2069,7 +2196,7 @@ html.iui-theme-dark{
2069
2196
  width:0.1px;
2070
2197
  margin:0;
2071
2198
  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{
2199
+ .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
2200
  margin-left:0; } }
2074
2201
  @media (max-width: 1024px){
2075
2202
  .iui-page-header .iui-left .iui-header-logo > .iui-label{
@@ -2399,7 +2526,7 @@ html.iui-theme-dark{
2399
2526
  -ms-grid-columns:auto 1fr;
2400
2527
  grid-template:'label label' 'inputs inputs' / auto 1fr;
2401
2528
  cursor:default; }
2402
- .iui-input-container.iui-inline-icon:not(.iui-inline-label) .iui-input-icon{
2529
+ .iui-input-container.iui-inline-icon:not(.iui-inline-label) > .iui-input-icon{
2403
2530
  -ms-grid-row:2;
2404
2531
  -ms-grid-column:2; }
2405
2532
  .iui-input-container.iui-inline-icon > .iui-input,
@@ -2412,7 +2539,7 @@ html.iui-theme-dark{
2412
2539
  -ms-grid-rows:auto auto auto;
2413
2540
  -ms-grid-columns:auto 1fr;
2414
2541
  grid-template:'label label' 'inputs inputs' 'icon message' / auto 1fr; }
2415
- .iui-input-container.iui-with-message:not(.iui-inline-icon) .iui-input-icon{
2542
+ .iui-input-container.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
2416
2543
  margin-top:3px; }
2417
2544
  .iui-input-container .iui-input,
2418
2545
  .iui-input-container .iui-textarea,
@@ -2453,7 +2580,7 @@ html.iui-theme-dark{
2453
2580
  -ms-grid-rows:auto auto;
2454
2581
  -ms-grid-columns:auto auto 1fr;
2455
2582
  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{
2583
+ .iui-input-container.iui-inline-label.iui-with-message:not(.iui-inline-icon) > .iui-input-icon{
2457
2584
  -ms-grid-row:2;
2458
2585
  -ms-grid-column:2; }
2459
2586
  .iui-input-container.iui-inline-label.iui-with-message .iui-message{
@@ -2483,10 +2610,11 @@ html.iui-theme-dark{
2483
2610
  -ms-grid-row-align:center;
2484
2611
  align-self:center; }
2485
2612
  .iui-input-container > .iui-label.iui-required::after{
2486
- content:' *';
2613
+ content:'*';
2614
+ margin-left:4px;
2487
2615
  color:#D30A0A;
2488
2616
  color:var(--iui-color-foreground-negative); }
2489
- .iui-input-container .iui-input-icon{
2617
+ .iui-input-container > .iui-input-icon{
2490
2618
  -ms-grid-row:3;
2491
2619
  -ms-grid-column:1;
2492
2620
  display:flex;
@@ -2497,7 +2625,7 @@ html.iui-theme-dark{
2497
2625
  align-self:center;
2498
2626
  fill:rgba(0, 0, 0, 0.4);
2499
2627
  fill:var(--iui-icons-color); }
2500
- .iui-input-container .iui-input-icon:not(:last-child){
2628
+ .iui-input-container > .iui-input-icon:not(:last-child){
2501
2629
  margin-right:4px; }
2502
2630
  .iui-input-container .iui-message{
2503
2631
  -ms-grid-row:3;
@@ -2517,7 +2645,7 @@ html.iui-theme-dark{
2517
2645
  -ms-grid-column-span:1; }
2518
2646
  .iui-input-container.iui-inline-label > .iui-label.iui-required{
2519
2647
  margin-right:6px; }
2520
- .iui-input-container.iui-inline-icon .iui-input-icon{
2648
+ .iui-input-container.iui-inline-icon > .iui-input-icon{
2521
2649
  -ms-grid-row:1;
2522
2650
  -ms-grid-column:3;
2523
2651
  grid-area:inputs;
@@ -2525,7 +2653,7 @@ html.iui-theme-dark{
2525
2653
  justify-self:end;
2526
2654
  margin:0 12px 0 0;
2527
2655
  position:relative; }
2528
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-button{
2656
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-button{
2529
2657
  height:100%;
2530
2658
  width:-webkit-fit-content;
2531
2659
  width:-moz-fit-content;
@@ -2533,7 +2661,7 @@ html.iui-theme-dark{
2533
2661
  margin-right:0;
2534
2662
  border-top-left-radius:0;
2535
2663
  border-bottom-left-radius:0; }
2536
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable{
2664
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable{
2537
2665
  align-items:center;
2538
2666
  height:90%;
2539
2667
  margin-right:1px;
@@ -2541,19 +2669,19 @@ html.iui-theme-dark{
2541
2669
  cursor:pointer;
2542
2670
  background-position:center;
2543
2671
  transition:background 0.4s ease-out; }
2544
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:hover{
2672
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:hover{
2545
2673
  background:var(--iui-color-background-1) radial-gradient(circle, transparent 1%, var(--iui-color-background-1) 1%) center/15000%; }
2546
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable:active{
2674
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable:active{
2547
2675
  background-color:var(--iui-color-background-2);
2548
2676
  background-size:100%;
2549
2677
  transition:background 0s; }
2550
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable svg{
2678
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable svg{
2551
2679
  width:16px;
2552
2680
  height:16px;
2553
2681
  fill:rgba(0, 0, 0, 0.4);
2554
2682
  fill:var(--iui-icons-color);
2555
2683
  transition:transform 0.2s ease-out; }
2556
- .iui-input-container.iui-inline-icon .iui-input-icon.iui-actionable.iui-open svg{
2684
+ .iui-input-container.iui-inline-icon > .iui-input-icon.iui-actionable.iui-open svg{
2557
2685
  transform:rotate(180deg); }
2558
2686
  .iui-input-container.iui-positive *::-moz-selection{
2559
2687
  background-color:rgba(83, 162, 26, 0.4);
@@ -2683,9 +2811,10 @@ html.iui-theme-dark{
2683
2811
  font-weight:600;
2684
2812
  margin-bottom:3px;
2685
2813
  cursor:default;
2686
- display:inline-block; }
2814
+ display:block; }
2687
2815
  .iui-input-label.iui-required::after{
2688
- content:' *';
2816
+ content:'*';
2817
+ margin-left:4px;
2689
2818
  color:#D30A0A;
2690
2819
  color:var(--iui-color-foreground-negative); }
2691
2820
  label.iui-input-label{
@@ -2694,7 +2823,9 @@ html.iui-theme-dark{
2694
2823
  cursor:not-allowed; }
2695
2824
  .iui-input-label.iui-inline{
2696
2825
  margin:0 16px 0 0;
2697
- -ms-grid-column-span:1; }
2826
+ -ms-grid-column-span:1;
2827
+ display:inline-flex;
2828
+ align-items:center; }
2698
2829
  .iui-input-label.iui-inline.iui-required{
2699
2830
  margin-right:6px; }
2700
2831
 
@@ -3093,22 +3224,14 @@ html.iui-theme-dark{
3093
3224
  .iui-checkbox .iui-radio-dot svg:not(.iui-radial){
3094
3225
  width:12px;
3095
3226
  height:12px; }
3096
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3097
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3098
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3099
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
3100
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle,
3101
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > g{
3227
+ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3228
+ .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
3102
3229
  opacity:0;
3103
3230
  fill:#008BE1;
3104
3231
  fill:var(--iui-icons-color-primary); }
3105
3232
  @media (prefers-reduced-motion: no-preference){
3106
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3107
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3108
- .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3109
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > path,
3110
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > circle,
3111
- .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > g{
3233
+ .iui-checkbox .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3234
+ .iui-checkbox .iui-radio-dot svg:not(.iui-radial) > *{
3112
3235
  transition:opacity 0.2s ease; } }
3113
3236
  .iui-checkbox > .iui-label{
3114
3237
  margin-right:8px; }
@@ -3191,8 +3314,8 @@ html.iui-theme-dark{
3191
3314
  .iui-checkbox.iui-loading input:disabled ~ .iui-label{
3192
3315
  cursor:wait; }
3193
3316
  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
3194
- background-color:#f2f2f2;
3195
- background-color:var(--iui-color-background-1-overlay); }
3317
+ background-color:rgba(0, 0, 0, 0.1);
3318
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6)); }
3196
3319
  .iui-checkbox-visibility input ~ .iui-checkbox-checkmark,
3197
3320
  .iui-checkbox-visibility:hover > input:enabled ~ .iui-checkbox-checkmark{
3198
3321
  border:none; }
@@ -3204,9 +3327,11 @@ html.iui-theme-dark{
3204
3327
  .iui-checkbox-visibility input:checked ~ .iui-checkbox-checkmark .iui-uncheck,
3205
3328
  .iui-checkbox-visibility input:indeterminate ~ .iui-checkbox-checkmark .iui-uncheck{
3206
3329
  opacity:0; }
3207
- .iui-checkbox-visibility input ~ .iui-checkbox-checkmark > svg > .iui-uncheck{
3330
+ .iui-checkbox-visibility input ~ .iui-checkbox-checkmark .iui-uncheck{
3208
3331
  opacity:1;
3209
- transition:opacity 0.2s ease; }
3332
+ transition:opacity 0.2s ease;
3333
+ fill:rgba(0, 0, 0, 0.8);
3334
+ fill:var(--iui-icons-color-actionable); }
3210
3335
 
3211
3336
  .iui-radio{
3212
3337
  margin:0;
@@ -3254,22 +3379,14 @@ html.iui-theme-dark{
3254
3379
  .iui-radio .iui-radio-dot svg:not(.iui-radial){
3255
3380
  width:12px;
3256
3381
  height:12px; }
3257
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3258
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3259
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3260
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
3261
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > circle,
3262
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > g{
3382
+ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3383
+ .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
3263
3384
  opacity:0;
3264
3385
  fill:#008BE1;
3265
3386
  fill:var(--iui-icons-color-primary); }
3266
3387
  @media (prefers-reduced-motion: no-preference){
3267
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > path,
3268
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > circle,
3269
- .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > g,
3270
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > path,
3271
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > circle,
3272
- .iui-radio .iui-radio-dot svg:not(.iui-radial) > g{
3388
+ .iui-radio .iui-checkbox-checkmark svg:not(.iui-radial) > *,
3389
+ .iui-radio .iui-radio-dot svg:not(.iui-radial) > *{
3273
3390
  transition:opacity 0.2s ease; } }
3274
3391
  .iui-radio > .iui-label{
3275
3392
  margin-right:8px; }
@@ -4400,10 +4517,11 @@ html.iui-theme-dark{
4400
4517
  .iui-side-navigation.iui-expanded,
4401
4518
  .iui-side-navigation > .iui-sidenav-content{
4402
4519
  max-width:288px; }
4403
- .iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-icon,
4404
- .iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-icon{
4520
+ .iui-side-navigation.iui-expanded > .iui-sidenav-button.iui-expand > .iui-button-icon,
4521
+ .iui-side-navigation > .iui-sidenav-content > .iui-sidenav-button.iui-expand > .iui-button-icon{
4405
4522
  transform:scaleX(-1); }
4406
4523
  .iui-side-navigation .iui-sidenav-button{
4524
+ gap:24px;
4407
4525
  border-radius:0;
4408
4526
  border-left:none;
4409
4527
  border-right:none;
@@ -4414,28 +4532,33 @@ html.iui-theme-dark{
4414
4532
  @supports (padding: max(0px)){
4415
4533
  .iui-side-navigation .iui-sidenav-button:not(.iui-expand){
4416
4534
  padding-left:max(24px, 24px + env(safe-area-inset-left)); } }
4417
- .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{
4535
+ .iui-side-navigation .iui-sidenav-button > .iui-button-label{
4536
+ white-space:nowrap;
4537
+ overflow:hidden;
4538
+ text-overflow:ellipsis; }
4539
+ .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{
4418
4540
  border-color:#C7CCD1;
4419
4541
  border-color:var(--iui-color-background-5); }
4420
- .iui-side-navigation .iui-sidenav-button > .iui-icon:not(.iui-user-icon){
4542
+ .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
4543
+ border-color:#C7CCD1;
4544
+ border-color:var(--iui-color-background-5); }
4545
+ .iui-side-navigation .iui-sidenav-button > .iui-button-icon:not(.iui-user-icon){
4421
4546
  width:24px;
4422
4547
  height:24px;
4423
4548
  flex-shrink:0; }
4424
- .iui-side-navigation .iui-sidenav-button > .iui-icon:not(.iui-user-icon) + .iui-label{
4425
- margin-left:24px;
4426
- white-space:nowrap;
4427
- overflow:hidden;
4428
- text-overflow:ellipsis; }
4429
- .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-icon{
4549
+ .iui-side-navigation .iui-sidenav-button.iui-submenu-open .iui-button-icon{
4430
4550
  fill:#008BE1;
4431
4551
  fill:var(--iui-color-foreground-primary); }
4432
- .iui-side-navigation .iui-sidenav-button.iui-active:focus, .iui-side-navigation .iui-sidenav-button.iui-active:focus-visible{
4433
- box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
4434
- 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); }
4435
- .iui-side-navigation .iui-sidenav-button.iui-active, .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
4552
+ .iui-side-navigation .iui-sidenav-button.iui-active{
4436
4553
  box-shadow:inset 2px 0 0 0 #008BE1;
4437
4554
  box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
4438
- .iui-side-navigation .iui-sidenav-button[disabled]{
4555
+ .iui-side-navigation .iui-sidenav-button.iui-active:focus{
4556
+ box-shadow:inset 0 0 4px rgba(0, 139, 225, 0.6), inset 2px 0 0 0 #008BE1;
4557
+ 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); }
4558
+ .iui-side-navigation .iui-sidenav-button.iui-active:focus:not(:focus-visible){
4559
+ box-shadow:inset 2px 0 0 0 #008BE1;
4560
+ box-shadow:inset 2px 0 0 0 var(--iui-icons-color-primary); }
4561
+ .iui-side-navigation .iui-sidenav-button[disabled], .iui-side-navigation .iui-sidenav-button:disabled{
4439
4562
  background-color:#F8F9FB;
4440
4563
  background-color:var(--iui-color-background-2); }
4441
4564
  .iui-side-navigation .iui-sidenav-button:focus{
@@ -4444,35 +4567,32 @@ html.iui-theme-dark{
4444
4567
  box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
4445
4568
  .iui-side-navigation .iui-sidenav-button:focus:not(:focus-visible){
4446
4569
  box-shadow:none; }
4447
- .iui-side-navigation .iui-sidenav-button:focus-visible{
4448
- outline:0;
4449
- box-shadow:inset 0 0 4px rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-3)); }
4450
4570
  .iui-side-navigation .iui-sidenav-button.iui-expand{
4451
4571
  height:22px;
4452
4572
  justify-content:center;
4453
4573
  border:none;
4454
4574
  border-bottom:1px solid #C7CCD1;
4455
4575
  border-bottom:1px solid var(--iui-color-background-5); }
4456
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
4576
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
4457
4577
  fill:rgba(0, 0, 0, 0.4);
4458
4578
  fill:var(--iui-icons-color);
4459
4579
  display:inline-flex;
4460
4580
  width:12px;
4461
4581
  height:12px; }
4462
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-informational{
4582
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-informational{
4463
4583
  fill:#008BE1;
4464
4584
  fill:var(--iui-icons-color-primary); }
4465
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-positive{
4585
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-positive{
4466
4586
  fill:#53A21A;
4467
4587
  fill:var(--iui-icons-color-positive); }
4468
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-warning{
4588
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-warning{
4469
4589
  fill:#F18B12;
4470
4590
  fill:var(--iui-icons-color-warning); }
4471
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon.iui-negative{
4591
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon.iui-negative{
4472
4592
  fill:#D30A0A;
4473
4593
  fill:var(--iui-icons-color-negative); }
4474
4594
  @media (prefers-reduced-motion: no-preference){
4475
- .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-icon{
4595
+ .iui-side-navigation .iui-sidenav-button.iui-expand > .iui-button-icon{
4476
4596
  transition:transform 0.4s ease-out; } }
4477
4597
 
4478
4598
  .iui-side-navigation-submenu{
@@ -4821,7 +4941,7 @@ html.iui-theme-dark{
4821
4941
  .iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
4822
4942
  visibility:visible; }
4823
4943
  @media (prefers-reduced-motion: no-preference){
4824
- .iui-table-body .iui-row .iui-row-expander > .iui-icon{
4944
+ .iui-table-body .iui-row .iui-row-expander > .iui-button-icon{
4825
4945
  transition:transform 0.2s ease-out; } }
4826
4946
  .iui-table-body .iui-row.iui-row-expanded{
4827
4947
  overflow:hidden;
@@ -4831,7 +4951,7 @@ html.iui-theme-dark{
4831
4951
  border-left-color:var(--iui-color-background-4);
4832
4952
  border-right-color:var(--iui-color-background-4);
4833
4953
  border-bottom-color:transparent; }
4834
- .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-icon{
4954
+ .iui-table-body .iui-row.iui-row-expanded .iui-row-expander > .iui-button-icon{
4835
4955
  transform:rotate(90deg); }
4836
4956
  .iui-table-body .iui-row.iui-row-expanded + .iui-expanded-content{
4837
4957
  border-left-color:#DCE0E3;
@@ -4978,6 +5098,8 @@ html.iui-theme-dark{
4978
5098
  justify-content:center;
4979
5099
  align-items:center;
4980
5100
  flex-basis:48px; }
5101
+ .iui-cell:not(.iui-slot):last-child{
5102
+ padding-right:16px; }
4981
5103
  .iui-cell.iui-positive{
4982
5104
  background-color:rgba(83, 162, 26, 0.1);
4983
5105
  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)); }
@@ -5020,7 +5142,7 @@ html.iui-theme-dark{
5020
5142
  border:none;
5021
5143
  vertical-align:baseline;
5022
5144
  display:flex;
5023
- justify-content:space-around;
5145
+ justify-content:space-between;
5024
5146
  align-items:center;
5025
5147
  min-height:55px;
5026
5148
  padding:0 16px;
@@ -5064,6 +5186,12 @@ html.iui-theme-dark{
5064
5186
  bottom:2px; }
5065
5187
  .iui-paginator > .iui-right{
5066
5188
  justify-content:flex-end; }
5189
+ .iui-paginator-page-size-label{
5190
+ color:rgba(0, 0, 0, 0.4);
5191
+ color:var(--iui-text-color-muted);
5192
+ white-space:nowrap;
5193
+ overflow:hidden;
5194
+ text-overflow:ellipsis; }
5067
5195
 
5068
5196
  .iui-column-filter{
5069
5197
  margin:0;
@@ -5576,57 +5704,65 @@ a.iui-tag{
5576
5704
  border-bottom:1px solid var(--iui-color-background-4); }
5577
5705
  .iui-tile .iui-thumbnail > .iui-type-indicator,
5578
5706
  .iui-tile .iui-thumbnail > .iui-quick-action{
5579
- background-color:transparent;
5580
5707
  border-color:transparent;
5708
+ background-color:transparent;
5581
5709
  padding:0 8px;
5710
+ height:38px;
5711
+ gap:8px;
5712
+ padding:0 2px;
5713
+ height:27px;
5714
+ gap:4px;
5582
5715
  position:absolute;
5583
5716
  border-radius:50%;
5584
5717
  top:6px; }
5585
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-small,
5586
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-small{
5587
- padding:0 2px; }
5588
- .iui-tile .iui-thumbnail > .iui-type-indicator.iui-large,
5589
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-large{
5590
- padding:0 12px; }
5591
- .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-icon:only-child,
5592
- .iui-tile .iui-thumbnail > .iui-quick-action > .iui-icon:only-child{
5718
+ .iui-tile .iui-thumbnail > .iui-type-indicator > .iui-button-icon:only-child,
5719
+ .iui-tile .iui-thumbnail > .iui-quick-action > .iui-button-icon:only-child{
5593
5720
  margin-left:3px;
5594
5721
  margin-right:3px; }
5595
- .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,
5596
- .iui-tile .iui-thumbnail > .iui-quick-action:enabled:hover,
5597
- .iui-tile .iui-thumbnail > .iui-quick-action:enabled:active,
5598
- .iui-tile .iui-thumbnail > .iui-quick-action:focus-visible{
5722
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus,
5723
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus{
5599
5724
  background-color:rgba(0, 0, 0, 0.1);
5600
5725
  border-color:transparent;
5601
5726
  background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
5602
5727
  border-color:transparent; }
5603
- .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,
5604
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled,
5605
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:hover,
5606
- .iui-tile .iui-thumbnail > .iui-quick-action.iui-active:not(.iui-high-visibility):not(.iui-cta):enabled:active{
5607
- background:transparent;
5728
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)),
5729
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)){
5730
+ border-color:transparent;
5731
+ background-color:transparent; }
5732
+ .iui-tile .iui-thumbnail > .iui-type-indicator:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child,
5733
+ .iui-tile .iui-thumbnail > .iui-quick-action:focus:where(:not(:focus-visible)) > .iui-button-icon:only-child{
5734
+ margin-left:3px;
5735
+ margin-right:3px; }
5736
+ .iui-tile .iui-thumbnail > .iui-type-indicator:hover,
5737
+ .iui-tile .iui-thumbnail > .iui-quick-action:hover{
5738
+ background-color:rgba(0, 0, 0, 0.1);
5739
+ border-color:transparent;
5740
+ background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
5741
+ border-color:transparent; }
5742
+ .iui-tile .iui-thumbnail > .iui-type-indicator.iui-active,
5743
+ .iui-tile .iui-thumbnail > .iui-quick-action.iui-active{
5608
5744
  background-color:rgba(0, 139, 225, 0.1);
5745
+ color:#008BE1;
5609
5746
  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
5747
+ color:var(--iui-color-foreground-primary);
5610
5748
  border-color:transparent; }
5611
- .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,
5749
+ .iui-tile .iui-thumbnail > .iui-type-indicator[disabled], .iui-tile .iui-thumbnail > .iui-type-indicator:disabled,
5612
5750
  .iui-tile .iui-thumbnail > .iui-quick-action[disabled],
5613
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover,
5614
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active,
5615
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus{
5751
+ .iui-tile .iui-thumbnail > .iui-quick-action:disabled{
5752
+ cursor:not-allowed;
5753
+ background:#EEF0F3;
5754
+ border-color:#EEF0F3;
5755
+ color:rgba(0, 0, 0, 0.2);
5756
+ background:var(--iui-color-background-disabled);
5757
+ border-color:var(--iui-color-background-disabled);
5758
+ color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-5));
5759
+ background-color:transparent;
5760
+ border-color:transparent;
5616
5761
  background-color:transparent;
5617
5762
  border-color:transparent; }
5618
- .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,
5619
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled] > .iui-icon,
5620
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover > .iui-icon,
5621
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active > .iui-icon,
5622
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus > .iui-icon{
5623
- fill:rgba(0, 0, 0, 0.2);
5624
- fill:var(--iui-icons-color-actionable-disabled); }
5625
- .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,
5763
+ .iui-tile .iui-thumbnail > .iui-type-indicator[disabled].iui-active, .iui-tile .iui-thumbnail > .iui-type-indicator:disabled.iui-active,
5626
5764
  .iui-tile .iui-thumbnail > .iui-quick-action[disabled].iui-active,
5627
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:hover.iui-active,
5628
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:active.iui-active,
5629
- .iui-tile .iui-thumbnail > .iui-quick-action[disabled]:focus.iui-active{
5765
+ .iui-tile .iui-thumbnail > .iui-quick-action:disabled.iui-active{
5630
5766
  background-color:rgba(0, 0, 0, 0.05);
5631
5767
  background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05); }
5632
5768
  .iui-tile .iui-thumbnail > .iui-type-indicator{
@@ -5699,8 +5835,8 @@ a.iui-tag{
5699
5835
  backdrop-filter:blur(5px);
5700
5836
  background-color:rgba(0, 0, 0, var(--iui-opacity-5));
5701
5837
  backdrop-filter:blur(5px); } }
5702
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-icon,
5703
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-icon{
5838
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button:enabled > .iui-button-icon,
5839
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:enabled > .iui-button-icon{
5704
5840
  fill:#FFF;
5705
5841
  filter:drop-shadow(0 2px 1px rgba(0, 0, 0, 0.2));
5706
5842
  fill:var(--iui-color-foreground-accessory);
@@ -5712,11 +5848,11 @@ a.iui-tag{
5712
5848
  .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active{
5713
5849
  background-color:rgba(0, 0, 0, 0.4);
5714
5850
  background-color:rgba(0, 0, 0, var(--iui-opacity-4)); }
5715
- .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,
5716
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover > .iui-icon,
5717
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled > .iui-icon,
5718
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover > .iui-icon,
5719
- .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active > .iui-icon{
5851
+ .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,
5852
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button:hover .iui-button-icon,
5853
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled .iui-button-icon,
5854
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:enabled:hover .iui-button-icon,
5855
+ .iui-tile .iui-thumbnail > .iui-picture + .iui-button + .iui-button.iui-active:active .iui-button-icon{
5720
5856
  fill:#FFF;
5721
5857
  fill:var(--iui-color-foreground-accessory); }
5722
5858
  .iui-tile > .iui-content{
@@ -5819,6 +5955,9 @@ a.iui-tag{
5819
5955
  overflow:hidden;
5820
5956
  text-overflow:ellipsis; }
5821
5957
  .iui-tile > .iui-content > .iui-more-options{
5958
+ padding:0 2px;
5959
+ height:27px;
5960
+ gap:4px;
5822
5961
  position:absolute;
5823
5962
  bottom:5.5px;
5824
5963
  right:8px;
@@ -6401,6 +6540,110 @@ a.iui-tag{
6401
6540
  background-color:rgba(0, 0, 0, var(--iui-opacity-3));
6402
6541
  color:var(--iui-color-foreground-accessory); }
6403
6542
 
6543
+ .iui-tree{
6544
+ margin:0;
6545
+ padding:0;
6546
+ border:none;
6547
+ vertical-align:baseline;
6548
+ list-style:none; }
6549
+
6550
+ .iui-sub-tree{
6551
+ margin:0;
6552
+ padding:0;
6553
+ border:none;
6554
+ vertical-align:baseline;
6555
+ list-style:none; }
6556
+
6557
+ .iui-tree-node{
6558
+ display:flex;
6559
+ cursor:pointer;
6560
+ padding:0 8px; }
6561
+ .iui-tree-node-checkbox{
6562
+ margin-right:8px; }
6563
+ .iui-tree-node-content{
6564
+ display:flex;
6565
+ align-items:center;
6566
+ box-sizing:border-box;
6567
+ min-height:33px;
6568
+ margin-left:calc(28px * (var(--level, 0)));
6569
+ overflow:hidden;
6570
+ padding-left:2px; }
6571
+ .iui-tree-node-content-icon{
6572
+ fill:rgba(0, 0, 0, 0.4);
6573
+ fill:var(--iui-icons-color);
6574
+ display:inline-flex;
6575
+ width:16px;
6576
+ height:16px;
6577
+ padding:0 6px;
6578
+ flex-shrink:0; }
6579
+ .iui-tree-node-content-icon.iui-informational{
6580
+ fill:#008BE1;
6581
+ fill:var(--iui-icons-color-primary); }
6582
+ .iui-tree-node-content-icon.iui-positive{
6583
+ fill:#53A21A;
6584
+ fill:var(--iui-icons-color-positive); }
6585
+ .iui-tree-node-content-icon.iui-warning{
6586
+ fill:#F18B12;
6587
+ fill:var(--iui-icons-color-warning); }
6588
+ .iui-tree-node-content-icon.iui-negative{
6589
+ fill:#D30A0A;
6590
+ fill:var(--iui-icons-color-negative); }
6591
+ .iui-tree-node-content-icon:first-child{
6592
+ margin-left:28px; }
6593
+ @media (prefers-reduced-motion: no-preference){
6594
+ .iui-tree-node-content-expander-icon{
6595
+ transition:transform 0.2s ease-out; } }
6596
+ .iui-tree-node-content-expander-icon-expanded{
6597
+ transform:rotate(90deg); }
6598
+ .iui-tree-node-content-label{
6599
+ min-width:0;
6600
+ padding-left:6px; }
6601
+ .iui-tree-node-content-label:first-child{
6602
+ margin-left:28px; }
6603
+ .iui-tree-node-content-title, .iui-tree-node-content-caption{
6604
+ white-space:nowrap;
6605
+ overflow:hidden;
6606
+ text-overflow:ellipsis; }
6607
+ .iui-tree-node-content-title{
6608
+ font-size:14px; }
6609
+ .iui-tree-node-content-caption{
6610
+ font-size:12px;
6611
+ color:rgba(0, 0, 0, 0.4);
6612
+ color:var(--iui-text-color-muted); }
6613
+ .iui-tree-node:focus{
6614
+ outline:thin solid rgba(0, 139, 225, 0.4);
6615
+ outline-offset:-1px;
6616
+ outline:thin solid rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
6617
+ outline-offset:-1px; }
6618
+ .iui-tree-node:focus:not(:focus-visible){
6619
+ outline-offset:-2px; }
6620
+ .iui-tree-node:hover{
6621
+ background-color:rgba(0, 139, 225, 0.1);
6622
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
6623
+ .iui-tree-node:hover .iui-tree-node-content-caption{
6624
+ color:#000;
6625
+ color:var(--iui-color-foreground-body);
6626
+ transition:color 0.2s ease; }
6627
+ .iui-tree-node.iui-active{
6628
+ background-color:rgba(0, 139, 225, 0.2);
6629
+ outline:thin solid var(--iui-color-foreground-primary);
6630
+ outline-offset:-1px;
6631
+ background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
6632
+ outline:thin solid var(--iui-color-foreground-primary);
6633
+ outline-offset:-1px; }
6634
+ .iui-tree-node.iui-active:focus{
6635
+ outline-width:2px;
6636
+ outline-offset:-2px; }
6637
+ .iui-tree-node.iui-disabled{
6638
+ cursor:not-allowed;
6639
+ outline:none;
6640
+ background-color:transparent;
6641
+ color:rgba(0, 0, 0, 0.2);
6642
+ color:var(--iui-text-color-placeholder); }
6643
+ .iui-tree-node.iui-disabled .iui-tree-node-content-caption{
6644
+ color:rgba(0, 0, 0, 0.2);
6645
+ color:var(--iui-text-color-placeholder); }
6646
+
6404
6647
  .iui-user-icon{
6405
6648
  margin:0;
6406
6649
  padding:0;
@@ -6464,7 +6707,9 @@ a.iui-tag{
6464
6707
  width:100%;
6465
6708
  height:100%;
6466
6709
  border-width:0;
6467
- border-radius:50%; }
6710
+ border-radius:50%;
6711
+ background-color:#FFF;
6712
+ background-color:var(--iui-color-background-1); }
6468
6713
  .iui-user-icon > .iui-status{
6469
6714
  display:flex;
6470
6715
  align-items:center;