@itwin/itwinui-css 0.57.0 → 0.59.1

package/css/all.css

@@ -1103,15 +1103,18 @@ html.iui-theme-dark-hc{
 .iui-breadcrumbs-item > *{
   max-width:26ch;
 }
-.iui-breadcrumbs-item > *{
+
+.iui-breadcrumbs-item-overrides > *{
   padding:0 8px;
   overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
+}
+.iui-breadcrumbs-item-overrides > *:not(.iui-button){
   color:rgba(0, 0, 0, 0.8);
   color:var(--iui-text-color);
 }
-.iui-breadcrumbs-item > :-webkit-any-link{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link{
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
@@ -1121,7 +1124,7 @@ html.iui-theme-dark-hc{
   cursor:pointer;
   text-decoration:none;
 }
-.iui-breadcrumbs-item > :-moz-any-link{
+.iui-breadcrumbs-item-overrides > :-moz-any-link{
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
@@ -1131,7 +1134,7 @@ html.iui-theme-dark-hc{
   cursor:pointer;
   text-decoration:none;
 }
-.iui-breadcrumbs-item > :any-link{
+.iui-breadcrumbs-item-overrides > :any-link{
   color:#008ae0;
   -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
@@ -1141,125 +1144,125 @@ html.iui-theme-dark-hc{
   cursor:pointer;
   text-decoration:none;
 }
-.iui-breadcrumbs-item > :-webkit-any-link:focus-visible{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
   outline-offset:1px;
 }
-.iui-breadcrumbs-item > :-moz-any-link:focus-visible{
+.iui-breadcrumbs-item-overrides > :-moz-any-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
   outline-offset:1px;
 }
-.iui-breadcrumbs-item > :any-link:focus-visible{
+.iui-breadcrumbs-item-overrides > :any-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
   outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
-  .iui-breadcrumbs-item > :-webkit-any-link:focus{
+  .iui-breadcrumbs-item-overrides > :-webkit-any-link:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:1px;
   }
-  .iui-breadcrumbs-item > :-moz-any-link:focus{
+  .iui-breadcrumbs-item-overrides > :-moz-any-link:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:1px;
   }
-  .iui-breadcrumbs-item > :any-link:focus{
+  .iui-breadcrumbs-item-overrides > :any-link:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:1px;
   }
 }
-.iui-breadcrumbs-item > :-webkit-any-link:hover{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-breadcrumbs-item > :-moz-any-link:hover{
+.iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-breadcrumbs-item > :any-link:hover{
+.iui-breadcrumbs-item-overrides > :any-link:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
 }
-.iui-breadcrumbs-item > :-webkit-any-link:hover{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
   text-decoration:underline;
 }
-.iui-breadcrumbs-item > :-moz-any-link:hover{
+.iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
   text-decoration:underline;
 }
-.iui-breadcrumbs-item > :any-link:hover{
+.iui-breadcrumbs-item-overrides > :any-link:hover{
   text-decoration:underline;
 }
 @media (prefers-contrast: more){
-  .iui-breadcrumbs-item > :-webkit-any-link{
+  .iui-breadcrumbs-item-overrides > :-webkit-any-link{
     text-decoration:underline;
   }
-  .iui-breadcrumbs-item > :-moz-any-link{
+  .iui-breadcrumbs-item-overrides > :-moz-any-link{
     text-decoration:underline;
   }
-  .iui-breadcrumbs-item > :any-link{
+  .iui-breadcrumbs-item-overrides > :any-link{
     text-decoration:underline;
   }
-  .iui-breadcrumbs-item > :-webkit-any-link:hover{
+  .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
     text-decoration:none;
   }
-  .iui-breadcrumbs-item > :-moz-any-link:hover{
+  .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
     text-decoration:none;
   }
-  .iui-breadcrumbs-item > :any-link:hover{
+  .iui-breadcrumbs-item-overrides > :any-link:hover{
     text-decoration:none;
   }
 }
-.iui-theme-light .iui-breadcrumbs-item > :-webkit-any-link, .iui-theme-dark .iui-breadcrumbs-item > :-webkit-any-link{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-webkit-any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-webkit-any-link{
   text-decoration:none;
 }
-.iui-theme-light .iui-breadcrumbs-item > :-moz-any-link, .iui-theme-dark .iui-breadcrumbs-item > :-moz-any-link{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-moz-any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-moz-any-link{
   text-decoration:none;
 }
-.iui-theme-light .iui-breadcrumbs-item > :any-link, .iui-theme-dark .iui-breadcrumbs-item > :any-link{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :any-link, .iui-theme-dark .iui-breadcrumbs-item-overrides > :any-link{
   text-decoration:none;
 }
-.iui-theme-light .iui-breadcrumbs-item > :-webkit-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item > :-webkit-any-link:hover{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
   text-decoration:underline;
 }
-.iui-theme-light .iui-breadcrumbs-item > :-moz-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item > :-moz-any-link:hover{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :-moz-any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
   text-decoration:underline;
 }
-.iui-theme-light .iui-breadcrumbs-item > :any-link:hover, .iui-theme-dark .iui-breadcrumbs-item > :any-link:hover{
+.iui-theme-light .iui-breadcrumbs-item-overrides > :any-link:hover, .iui-theme-dark .iui-breadcrumbs-item-overrides > :any-link:hover{
   text-decoration:underline;
 }
 
-.iui-theme-light-hc .iui-breadcrumbs-item > :-webkit-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item > :-webkit-any-link{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link{
   text-decoration:underline;
 }
 
-.iui-theme-light-hc .iui-breadcrumbs-item > :-moz-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item > :-moz-any-link{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-moz-any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-moz-any-link{
   text-decoration:underline;
 }
 
-.iui-theme-light-hc .iui-breadcrumbs-item > :any-link, .iui-theme-dark-hc .iui-breadcrumbs-item > :any-link{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :any-link, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :any-link{
   text-decoration:underline;
 }
-.iui-theme-light-hc .iui-breadcrumbs-item > :-webkit-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item > :-webkit-any-link:hover{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-webkit-any-link:hover{
   text-decoration:none;
 }
-.iui-theme-light-hc .iui-breadcrumbs-item > :-moz-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item > :-moz-any-link:hover{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :-moz-any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :-moz-any-link:hover{
   text-decoration:none;
 }
-.iui-theme-light-hc .iui-breadcrumbs-item > :any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item > :any-link:hover{
+.iui-theme-light-hc .iui-breadcrumbs-item-overrides > :any-link:hover, .iui-theme-dark-hc .iui-breadcrumbs-item-overrides > :any-link:hover{
   text-decoration:none;
 }
 
-.iui-breadcrumbs-item > :-webkit-any-link:focus{
+.iui-breadcrumbs-item-overrides > :-webkit-any-link:focus{
   outline-offset:-1px;
 }
 
-.iui-breadcrumbs-item > :-moz-any-link:focus{
+.iui-breadcrumbs-item-overrides > :-moz-any-link:focus{
   outline-offset:-1px;
 }
 
-.iui-breadcrumbs-item > :any-link:focus{
+.iui-breadcrumbs-item-overrides > :any-link:focus{
   outline-offset:-1px;
 }
-.iui-breadcrumbs-item .iui-button.iui-button{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button{
   border-color:transparent;
   background-color:transparent;
   padding:0 8px;
@@ -1267,24 +1270,24 @@ html.iui-theme-dark-hc{
   gap:8px;
   border:none;
 }
-.iui-breadcrumbs-item .iui-button.iui-button > .iui-button-icon:only-child{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button > .iui-button-icon:only-child{
   margin-left:3px;
   margin-right:3px;
 }
-.iui-breadcrumbs-item .iui-button.iui-button:hover{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button:hover{
   background-color:rgba(0, 0, 0, 0.1);
   border-color:transparent;
   background-color:rgba(var(--iui-color-foreground-body-rgb), var(--iui-opacity-6));
   border-color:transparent;
 }
-.iui-breadcrumbs-item .iui-button.iui-button.iui-active{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button.iui-active{
   background-color:rgba(0, 138, 224, 0.1);
   color:#008ae0;
   background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
   color:var(--iui-color-foreground-primary);
   border-color:transparent;
 }
-.iui-breadcrumbs-item .iui-button.iui-button[disabled], .iui-breadcrumbs-item .iui-button.iui-button:disabled{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button[disabled], .iui-breadcrumbs-item-overrides .iui-button.iui-button:disabled{
   cursor:not-allowed;
   background:#edeff2;
   border-color:#edeff2;
@@ -1297,26 +1300,26 @@ html.iui-theme-dark-hc{
   background-color:transparent;
   border-color:transparent;
 }
-.iui-breadcrumbs-item .iui-button.iui-button[disabled].iui-active, .iui-breadcrumbs-item .iui-button.iui-button:disabled.iui-active{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button[disabled].iui-active, .iui-breadcrumbs-item-overrides .iui-button.iui-button:disabled.iui-active{
   background-color:rgba(0, 0, 0, 0.05);
   background-color:rgba(var(--iui-color-foreground-body-rgb), 0.05);
 }
-.iui-breadcrumbs-item .iui-button.iui-button:focus-visible{
+.iui-breadcrumbs-item-overrides .iui-button.iui-button:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
   outline-offset:-1px;
 }
 @supports not selector(*:focus-visible){
-  .iui-breadcrumbs-item .iui-button.iui-button:focus{
+  .iui-breadcrumbs-item-overrides .iui-button.iui-button:focus{
     outline:1px solid var(--iui-color-foreground-primary);
     outline-offset:-1px;
   }
 }
-.iui-breadcrumbs-item .iui-button-label{
+.iui-breadcrumbs-item-overrides .iui-button-label{
   overflow:hidden;
   white-space:nowrap;
   text-overflow:ellipsis;
 }
-.iui-breadcrumbs-item .iui-button:not([aria-current]), .iui-breadcrumbs-item .iui-button:not([aria-current]):hover, .iui-breadcrumbs-item .iui-button:not([aria-current]):active{
+.iui-breadcrumbs-item-overrides .iui-button:not([aria-current]), .iui-breadcrumbs-item-overrides .iui-button:not([aria-current]):hover, .iui-breadcrumbs-item-overrides .iui-button:not([aria-current]):active{
   --_iui-button-text-color:var(--iui-color-foreground-primary);
 }
 
@@ -2946,6 +2949,204 @@ a.iui-breadcrumbs-text:focus{
   border-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
 }
 
+.iui-dialog-backdrop{
+  margin:0;
+  padding:0;
+  border:none;
+  vertical-align:baseline;
+  z-index:999;
+  isolation:isolate;
+  position:fixed;
+  top:0;
+  left:0;
+  width:100%;
+  height:100%;
+  background-color:rgba(0, 0, 0, 0.4);
+  background-color:rgba(0, 0, 0, var(--iui-opacity-4));
+  visibility:hidden;
+  opacity:0;
+  transition:visibility 0s linear 0.2s, opacity 0.2s ease-out;
+}
+.iui-dialog-backdrop.iui-dialog-visible{
+  visibility:visible;
+  opacity:1;
+  transition-delay:0s;
+}
+.iui-dialog-backdrop.iui-dialog-backdrop-relative{
+  position:relative;
+  overflow:hidden;
+}
+
+.iui-dialog{
+  border-radius:3px;
+  box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
+  box-sizing:border-box;
+  position:absolute;
+  padding:11px 16px;
+  box-sizing:border-box;
+  padding:11px 16px;
+  overflow:hidden;
+  background-color:white;
+  background-color:var(--iui-color-background-1);
+}
+@media (forced-colors: active){
+  .iui-dialog{
+    border:1px solid;
+  }
+}
+
+.iui-dialog-default .iui-dialog{
+  left:50%;
+  top:33%;
+  transform:translate(-50%, -33%);
+  max-width:50%;
+  min-width:380px;
+  max-height:100vh;
+}
+@media screen and (max-width: 400px){
+  .iui-dialog-default .iui-dialog{
+    max-width:95%;
+    width:95%;
+    min-width:95%;
+  }
+}
+
+@media (prefers-reduced-motion: no-preference){
+  .iui-dialog-full-page{
+    transition:visibility 0s linear 0.8s, opacity 0.4s ease-out 0.2s;
+  }
+}
+.iui-dialog-full-page .iui-dialog{
+  border-radius:0;
+  height:100vh;
+  width:100vw;
+  top:0;
+  left:0;
+  max-width:initial;
+  min-width:initial;
+  display:flex;
+  flex-direction:column;
+  will-change:transform;
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-dialog-full-page .iui-dialog{
+    transform:translateY(100%);
+    transition:visibility 0s linear 0.4s, opacity 0s linear 0.4s, transform 0.2s ease-in;
+  }
+}
+.iui-dialog-full-page.iui-dialog-visible .iui-dialog{
+  transform:translateY(0);
+}
+@media (prefers-reduced-motion: no-preference){
+  .iui-dialog-full-page.iui-dialog-visible .iui-dialog{
+    transition:transform 0.4s ease-out;
+  }
+}
+
+.iui-dialog-draggable{
+  background-color:transparent;
+  pointer-events:none;
+  z-index:998;
+}
+.iui-dialog-draggable .iui-dialog{
+  pointer-events:initial;
+  max-width:100vw;
+  max-height:100vh;
+  min-width:380px;
+  min-height:144px;
+  display:flex;
+  flex-direction:column;
+  padding:0;
+  border:1px solid #c7ccd1;
+  border:1px solid var(--iui-color-background-border);
+}
+
+.iui-dialog-title{
+  font-size:inherit;
+  white-space:nowrap;
+  overflow:hidden;
+  text-overflow:ellipsis;
+  line-height:1.5;
+}
+
+.iui-dialog-title-bar{
+  display:flex;
+  align-items:center;
+  margin-bottom:11px;
+  justify-content:space-between;
+  box-sizing:border-box;
+  font-size:18px;
+}
+.iui-dialog-draggable .iui-dialog-title-bar{
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  font-size:16px;
+  padding:6px 16px;
+  cursor:-webkit-grab;
+  cursor:grab;
+  background-color:#edeff2;
+  border-bottom:1px solid #c7ccd1;
+  background-color:var(--iui-color-background-3);
+  border-bottom:1px solid var(--iui-color-background-border);
+}
+.iui-dialog-draggable .iui-dialog-title-bar:active{
+  cursor:-webkit-grabbing;
+  cursor:grabbing;
+}
+
+.iui-dialog-content{
+  flex-grow:2;
+  margin:0 -16px;
+  padding:0 16px;
+  overflow-y:auto;
+  overflow-y:overlay;
+}
+.iui-dialog-draggable .iui-dialog-content{
+  margin:0;
+}
+
+.iui-dialog-button-bar{
+  margin-top:11px;
+  display:flex;
+  align-items:center;
+  justify-content:flex-end;
+}
+.iui-dialog-draggable .iui-dialog-button-bar{
+  padding:0 16px 11px 16px;
+}
+
+.iui-dialog-button-bar > .iui-button:not(:last-child){
+  margin-right:8px;
+}
+@supports ((-moz-column-gap: 8px) or (column-gap: 8px)){
+  .iui-dialog-button-bar{
+    -moz-column-gap:8px;
+         column-gap:8px;
+  }
+  .iui-dialog-button-bar > .iui-button:not(:last-child){
+    margin-right:0;
+  }
+}
+
+.iui-dialog-animation-enter .iui-dialog-full-page .iui-dialog{
+  transform:translateY(100%);
+  opacity:0;
+}
+.iui-dialog-animation-enter-active .iui-dialog-full-page .iui-dialog{
+  transform:translateY(0);
+  opacity:1;
+}
+.iui-dialog-animation-enter .iui-dialog-backdrop{
+  visibility:hidden;
+  opacity:0;
+}
+.iui-dialog-animation-enter-active .iui-dialog-backdrop{
+  visibility:visible;
+  opacity:1;
+}
+
 .iui-expandable-block{
   margin:0;
   padding:0;
@@ -4157,7 +4358,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   min-width:192px;
   height:100%;
   transform:translateX(100%);
-  box-shadow:-1px 0 14px rgba(0, 0, 0, 0.25);
+  box-shadow:-1px 0 10px rgba(0, 0, 0, 0.25);
   -webkit-clip-path:inset(0 0 0 -15px);
           clip-path:inset(0 0 0 -15px);
 }
@@ -4190,7 +4391,7 @@ button.iui-header-logo:hover:not(:focus-visible):not(:hover), .iui-header-logo[r
   min-height:192px;
   width:100%;
   transform:translateY(100%);
-  box-shadow:0 -1px 14px rgba(0, 0, 0, 0.25);
+  box-shadow:0 -1px 10px rgba(0, 0, 0, 0.25);
   -webkit-clip-path:inset(-15px 0 0 0);
           clip-path:inset(-15px 0 0 0);
 }
@@ -5721,135 +5922,6 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-background-border);
 }
 
-.iui-modal{
-  margin:0;
-  padding:0;
-  border:none;
-  vertical-align:baseline;
-  z-index:999;
-  position:fixed;
-  top:0;
-  left:0;
-  width:100%;
-  height:100%;
-  background-color:rgba(0, 0, 0, 0.4);
-  background-color:rgba(0, 0, 0, var(--iui-opacity-4));
-  visibility:hidden;
-  opacity:0;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal{
-    transition:visibility 0s linear 0.2s, opacity 0.2s ease-out;
-  }
-}
-.iui-modal.iui-modal-visible{
-  visibility:visible;
-  opacity:1;
-  transition-delay:0s;
-}
-.iui-modal > .iui-modal-dialog{
-  position:absolute;
-  left:50%;
-  top:33%;
-  transform:translate(-50%, -33%);
-  z-index:1000;
-  max-width:50%;
-  min-width:380px;
-  max-height:100vh;
-  border-radius:3px;
-  box-shadow:0 9px 46px rgba(0, 0, 0, 0.25);
-  padding:11px 16px;
-  box-sizing:border-box;
-  background-color:white;
-  background-color:var(--iui-color-background-1);
-}
-@media screen and (max-width: 400px){
-  .iui-modal > .iui-modal-dialog{
-    max-width:95%;
-    width:95%;
-    min-width:95%;
-  }
-}
-.iui-modal > .iui-modal-dialog .iui-title-bar{
-  display:flex;
-  align-items:center;
-  margin-bottom:11px;
-  justify-content:space-between;
-}
-.iui-modal > .iui-modal-dialog .iui-title-bar > .iui-title{
-  font-size:18px;
-  white-space:nowrap;
-  overflow:hidden;
-  text-overflow:ellipsis;
-  line-height:1.5;
-}
-.iui-modal > .iui-modal-dialog .iui-button-bar{
-  margin-top:11px;
-  display:flex;
-  align-items:center;
-  justify-content:flex-end;
-}
-.iui-modal > .iui-modal-dialog .iui-button-bar > .iui-button:not(:last-child){
-  margin-right:8px;
-}
-.iui-modal > .iui-modal-dialog .iui-modal-content{
-  flex-grow:2;
-  margin:0 -16px;
-  padding:0 16px;
-  overflow-y:auto;
-  overflow-y:overlay;
-}
-.iui-modal-full-page > .iui-modal-dialog{
-  display:flex;
-  flex-direction:column;
-  height:100vh;
-  width:100vw;
-  left:0;
-  top:0;
-  transform:none;
-  max-width:initial;
-  min-width:initial;
-  border-radius:0;
-  will-change:transform;
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal-full-page{
-    transition:visibility 0s linear 0.8s, opacity 0.4s ease-out 0.2s;
-  }
-}
-.iui-modal-full-page > .iui-modal-dialog{
-  transform:translateY(100%);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal-full-page > .iui-modal-dialog{
-    transition:visibility 0s linear 0.4s, opacity 0s linear 0.4s, transform 0.25s ease-in;
-  }
-}
-.iui-modal-full-page.iui-modal-visible > .iui-modal-dialog{
-  transform:translateY(0);
-}
-@media (prefers-reduced-motion: no-preference){
-  .iui-modal-full-page.iui-modal-visible > .iui-modal-dialog{
-    transition:transform 0.3s ease-out;
-  }
-}
-.iui-modal-animation-enter .iui-modal-full-page .iui-modal-dialog{
-  transform:translateY(100%);
-  opacity:0;
-}
-.iui-modal-animation-enter-active .iui-modal-full-page .iui-modal-dialog{
-  transform:translateY(0);
-  opacity:1;
-}
-.iui-modal-animation-enter .iui-modal{
-  visibility:hidden;
-  opacity:0;
-}
-.iui-modal-animation-enter-active .iui-modal{
-  visibility:visible;
-  opacity:1;
-}
-
 .iui-non-ideal-state{
   margin:0;
   padding:0;
@@ -6885,7 +6957,7 @@ label.iui-input-label.iui-disabled{
   border-right:none;
   overflow:hidden;
   justify-content:flex-start;
-  --_iui-button-active-stripe-inset:0 calc(100% - 2px) 0 0;
+  --_iui-button-active-stripe-inset:0 0 0 calc(100% - 2px);
 }
 .iui-side-navigation .iui-sidenav-button:not(.iui-expand){
   height:55px;
@@ -7282,6 +7354,7 @@ label.iui-input-label.iui-disabled{
   vertical-align:baseline;
   display:flex;
   flex-direction:column;
+  isolation:isolate;
 }
 .iui-table *{
   box-sizing:border-box;
@@ -7309,36 +7382,57 @@ label.iui-input-label.iui-disabled{
   margin-left:auto;
 }
 .iui-table.iui-condensed .iui-table-header .iui-cell,
-.iui-table.iui-condensed .iui-row .iui-cell,
 .iui-table.iui-condensed .iui-paginator{
   min-height:44px;
 }
+.iui-table.iui-condensed .iui-row .iui-cell{
+  min-height:46px;
+}
 .iui-table.iui-extra-condensed .iui-table-header .iui-cell,
-.iui-table.iui-extra-condensed .iui-row .iui-cell,
 .iui-table.iui-extra-condensed .iui-paginator{
   min-height:33px;
 }
+.iui-table.iui-extra-condensed .iui-row .iui-cell{
+  min-height:35px;
+}
+.iui-table.iui-extra-condensed .iui-table-header .iui-cell{
+  padding-block:2.75px;
+}
 
-.iui-table-header{
-  -webkit-user-select:none;
-     -moz-user-select:none;
-      -ms-user-select:none;
-          user-select:none;
+.iui-table-header-wrapper{
   overflow:hidden;
+  display:flex;
   flex-shrink:0;
-  background-color:#edeff2;
-  background-color:var(--iui-color-background-3);
 }
 @supports not (overflow: overlay){
-  .iui-table-header{
+  .iui-table-header-wrapper{
     overflow-y:scroll;
   }
 }
+
+.iui-table-header{
+  display:flex;
+  -webkit-user-select:none;
+     -moz-user-select:none;
+      -ms-user-select:none;
+          user-select:none;
+  min-width:100%;
+  flex-shrink:0;
+}
 .iui-table-header .iui-row{
   display:flex;
   flex-grow:1;
-  border-left:solid 1px transparent;
-  border-right:solid 1px transparent;
+  min-width:100%;
+}
+.iui-table-header .iui-cell{
+  min-height:55px;
+  background-color:#edeff2;
+  background-color:var(--iui-color-background-3);
+}
+.iui-table-header .iui-cell:not(.iui-slot){
+  -moz-column-gap:4px;
+       column-gap:4px;
+  padding-block:5.5px;
 }
 .iui-table-header .iui-cell:not(.iui-slot):focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
@@ -7357,11 +7451,7 @@ label.iui-input-label.iui-disabled{
   cursor:-webkit-grabbing;
   cursor:grabbing;
 }
-.iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button{
-  margin-left:4px;
-  margin-right:8px;
-}
-.iui-table-header .iui-cell:not(.iui-slot) > .iui-filter-button:not(.iui-active){
+.iui-table-header .iui-cell:not(.iui-slot) .iui-filter-button:not(.iui-active){
   visibility:hidden;
 }
 .iui-table-header .iui-cell:not(.iui-slot) > .iui-resizer{
@@ -7437,6 +7527,21 @@ label.iui-input-label.iui-disabled{
   fill:var(--iui-icons-color-actionable);
 }
 
+.iui-table-header-actions-container{
+  display:flex;
+  flex-grow:1;
+  align-items:center;
+  flex-wrap:wrap;
+  justify-content:flex-end;
+  margin-right:12px;
+}
+.iui-table-header-actions-container .iui-cell-end-icon{
+  width:28px;
+  height:28px;
+  margin-right:initial;
+  margin-left:auto;
+}
+
 .iui-table-body{
   overflow-y:scroll;
   overflow:overlay;
@@ -7454,28 +7559,33 @@ label.iui-input-label.iui-disabled{
 .iui-table-body.iui-scroll-snapping .iui-row{
   scroll-snap-align:start none;
 }
-.iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected){
+.iui-table-body.iui-zebra-striping .iui-row:nth-child(even):not(.iui-selected) .iui-cell{
   background-color:rgba(0, 0, 0, 0.02);
   background-color:rgba(var(--iui-color-foreground-body-rgb), 0.02);
 }
 .iui-table-body .iui-row{
   min-width:100%;
   display:flex;
-  border:solid 1px transparent;
+}
+.iui-table-body .iui-row .iui-cell{
+  border-top:solid 1px transparent;
+  border-bottom:solid 1px transparent;
   border-bottom-color:#c7ccd1;
   border-bottom-color:var(--iui-color-background-border);
+  background-color:white;
+  background-color:var(--iui-color-background-1);
 }
 @media (prefers-reduced-motion: no-preference){
-  .iui-table-body .iui-row{
+  .iui-table-body .iui-row .iui-cell{
     transition:border 0.2s ease-out;
   }
 }
 .iui-table-body .iui-row > .iui-slot > .iui-more-options{
   visibility:hidden;
 }
-.iui-table-body .iui-row:hover:not(.iui-disabled):not(.iui-expanded-content){
-  background-color:rgba(0, 138, 224, 0.1);
-  background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+.iui-table-body .iui-row:hover:not(.iui-disabled) .iui-cell{
+  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
+  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));
 }
 .iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
   visibility:visible;
@@ -7490,9 +7600,10 @@ label.iui-input-label.iui-disabled{
 }
 .iui-table-body .iui-row.iui-row-expanded{
   overflow:hidden;
+}
+.iui-table-body .iui-row.iui-row-expanded .iui-cell{
   border-left-color:#dde1e4;
   border-right-color:#dde1e4;
-  border-bottom-color:transparent;
   border-left-color:var(--iui-color-background-4);
   border-right-color:var(--iui-color-background-4);
   border-bottom-color:transparent;
@@ -7508,6 +7619,10 @@ label.iui-input-label.iui-disabled{
 }
 .iui-table-body .iui-row.iui-expanded-content{
   overflow:hidden;
+  border-left:1px solid transparent;
+  border-right:1px solid transparent;
+  border-bottom:1px solid #c7ccd1;
+  border-bottom:1px solid var(--iui-color-background-border);
 }
 .iui-table-body .iui-row.iui-expanded-content.iui-enter{
   opacity:0;
@@ -7531,26 +7646,26 @@ label.iui-input-label.iui-disabled{
     transition:opacity 0.2s ease-out, width 0.2s ease-out, height 0.2s ease-out;
   }
 }
-.iui-table-body .iui-row:not(.iui-selected) + .iui-selected, .iui-table-body .iui-row.iui-selected:first-child{
+.iui-table-body .iui-row:not(.iui-selected) + .iui-selected .iui-cell, .iui-table-body .iui-row.iui-selected:first-child .iui-cell{
   border-bottom-color:transparent;
 }
-.iui-table-body .iui-row.iui-selected{
+.iui-table-body .iui-row.iui-selected .iui-cell{
   border-color:#008ae0;
-  background:rgba(0, 138, 224, 0.1);
+  background:linear-gradient(rgba(0, 138, 224, 0.1), rgba(0, 138, 224, 0.1)), linear-gradient(white, white);
   border-color:var(--iui-color-foreground-primary);
-  background:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6));
+  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));
 }
-.iui-table-body .iui-row.iui-selected + .iui-selected{
+.iui-table-body .iui-row.iui-selected + .iui-selected .iui-cell{
   border-bottom-color:transparent;
   border-top-color:rgba(0, 138, 224, 0.4);
   border-top-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-4));
 }
-.iui-table-body .iui-row.iui-selected:last-child{
+.iui-table-body .iui-row.iui-selected:last-child .iui-cell{
   border-bottom-color:#008ae0;
   border-bottom-color:var(--iui-color-foreground-primary);
 }
-.iui-table-body .iui-row.iui-selected + :not(.iui-selected),
-.iui-table-body .iui-row.iui-selected + .iui-expanded-content + :not(.iui-selected){
+.iui-table-body .iui-row.iui-selected + :not(.iui-selected) .iui-cell,
+.iui-table-body .iui-row.iui-selected + .iui-expanded-content + .iui-row:not(.iui-selected) .iui-cell{
   border-top-color:#008ae0;
   border-top-color:var(--iui-color-foreground-primary);
 }
@@ -7591,17 +7706,17 @@ label.iui-input-label.iui-disabled{
 .iui-table-body .iui-row.iui-expanded-content.iui-disabled .iui-user-icon{
   filter:grayscale(100%);
 }
-.iui-table-body .iui-row.iui-positive,
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content{
   box-shadow:inset 2px 0 0 0 #53a21a;
   box-shadow:inset 2px 0 0 0 var(--iui-icons-color-positive);
 }
-.iui-table-body .iui-row.iui-positive::-moz-selection, .iui-table-body .iui-row.iui-positive *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::-moz-selection{
   background-color:rgba(83, 162, 26, 0.2);
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
-.iui-table-body .iui-row.iui-positive::selection,
-.iui-table-body .iui-row.iui-positive *::selection,
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type::selection,
+.iui-table-body .iui-row.iui-positive .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-positive + .iui-expanded-content *::selection{
   background-color:rgba(83, 162, 26, 0.2);
@@ -7611,17 +7726,17 @@ label.iui-input-label.iui-disabled{
   fill:#53a21a;
   fill:var(--iui-icons-color-positive);
 }
-.iui-table-body .iui-row.iui-warning,
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content{
   box-shadow:inset 2px 0 0 0 #f18d13;
   box-shadow:inset 2px 0 0 0 var(--iui-icons-color-warning);
 }
-.iui-table-body .iui-row.iui-warning::-moz-selection, .iui-table-body .iui-row.iui-warning *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::-moz-selection{
   background-color:rgba(241, 141, 19, 0.2);
   background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
-.iui-table-body .iui-row.iui-warning::selection,
-.iui-table-body .iui-row.iui-warning *::selection,
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type::selection,
+.iui-table-body .iui-row.iui-warning .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-warning + .iui-expanded-content *::selection{
   background-color:rgba(241, 141, 19, 0.2);
@@ -7631,17 +7746,17 @@ label.iui-input-label.iui-disabled{
   fill:#f18d13;
   fill:var(--iui-icons-color-warning);
 }
-.iui-table-body .iui-row.iui-negative,
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content{
   box-shadow:inset 2px 0 0 0 #d10a0a;
   box-shadow:inset 2px 0 0 0 var(--iui-icons-color-negative);
 }
-.iui-table-body .iui-row.iui-negative::-moz-selection, .iui-table-body .iui-row.iui-negative *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::-moz-selection, .iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content::-moz-selection, .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::-moz-selection{
   background-color:rgba(209, 10, 10, 0.2);
   background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
-.iui-table-body .iui-row.iui-negative::selection,
-.iui-table-body .iui-row.iui-negative *::selection,
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type::selection,
+.iui-table-body .iui-row.iui-negative .iui-cell:first-of-type *::selection,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content::selection,
 .iui-table-body .iui-row.iui-negative + .iui-expanded-content *::selection{
   background-color:rgba(209, 10, 10, 0.2);
@@ -7672,12 +7787,18 @@ label.iui-input-label.iui-disabled{
   display:flex;
   flex-grow:1;
   min-width:64px;
-  min-height:55px;
+  min-height:57px;
   padding-left:16px;
   flex-basis:64px;
   position:relative;
   word-break:break-word;
 }
+.iui-cell:first-of-type{
+  border-left:solid 1px transparent;
+}
+.iui-cell:last-of-type{
+  border-right:solid 1px transparent;
+}
 .iui-cell.iui-slot{
   width:48px;
   padding:0;
@@ -7688,12 +7809,19 @@ label.iui-input-label.iui-disabled{
   align-items:center;
   flex-basis:48px;
 }
+.iui-cell.iui-cell-sticky{
+  position:-webkit-sticky;
+  position:sticky;
+  z-index:1;
+  left:var(--iui-table-sticky-left, initial);
+  right:var(--iui-table-sticky-right, initial);
+}
 .iui-cell:not(.iui-slot):last-child{
   padding-right:16px;
 }
 .iui-cell.iui-positive{
-  background-color:rgba(83, 162, 26, 0.1);
-  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6));
+  background:linear-gradient(rgba(83, 162, 26, 0.1), rgba(83, 162, 26, 0.1)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-cell.iui-positive::-moz-selection, .iui-cell.iui-positive *::-moz-selection{
   background-color:rgba(83, 162, 26, 0.2);
@@ -7705,8 +7833,8 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
 .iui-cell.iui-warning{
-  background-color:rgba(241, 141, 19, 0.1);
-  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6));
+  background:linear-gradient(rgba(241, 141, 19, 0.1), rgba(241, 141, 19, 0.1)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-cell.iui-warning::-moz-selection, .iui-cell.iui-warning *::-moz-selection{
   background-color:rgba(241, 141, 19, 0.2);
@@ -7718,8 +7846,8 @@ label.iui-input-label.iui-disabled{
   background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
 .iui-cell.iui-negative{
-  background-color:rgba(209, 10, 10, 0.1);
-  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6));
+  background:linear-gradient(rgba(209, 10, 10, 0.1), rgba(209, 10, 10, 0.1)), linear-gradient(white, white);
+  background:linear-gradient(rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6)), rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-6))), linear-gradient(var(--iui-color-background-1), var(--iui-color-background-1));
 }
 .iui-cell.iui-negative::-moz-selection, .iui-cell.iui-negative *::-moz-selection{
   background-color:rgba(209, 10, 10, 0.2);
@@ -7742,6 +7870,36 @@ label.iui-input-label.iui-disabled{
   background-color:var(--iui-color-background-1);
 }
 
+.iui-cell-shadow-left{
+  position:absolute;
+  top:-1px;
+  bottom:-1px;
+  width:24px;
+  pointer-events:none;
+  left:0;
+  transform:translate(-100%);
+  box-shadow:inset -10px 0 5px -10px rgba(0, 0, 0, 0.25);
+}
+.iui-table-header .iui-cell-shadow-left{
+  top:0;
+  bottom:0;
+}
+
+.iui-cell-shadow-right{
+  position:absolute;
+  top:-1px;
+  bottom:-1px;
+  width:24px;
+  pointer-events:none;
+  right:0;
+  transform:translate(100%);
+  box-shadow:inset 10px 0 5px -10px rgba(0, 0, 0, 0.25);
+}
+.iui-table-header .iui-cell-shadow-right{
+  top:0;
+  bottom:0;
+}
+
 .iui-paginator{
   margin:0;
   padding:0;