@itwin/itwinui-css 0.53.1 → 0.54.0

package/css/all.css

@@ -583,29 +583,6 @@ html.iui-theme-dark-hc{
   font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
 }
 
-.iui-anchor{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
-  color:#008ae0;
-  color:var(--iui-color-foreground-primary);
-}
-.iui-anchor:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
-}
-@supports not selector(*:focus-visible){
-  .iui-anchor:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
-  }
-}
-.iui-anchor:hover{
-  color:#006bad;
-  color:var(--iui-color-foreground-primary-overlay);
-  text-decoration:underline;
-}
-
 [class*=iui-],
 [class*=iui-] *{
   scrollbar-color:rgba(0, 0, 0, 0.4) transparent;
@@ -691,31 +668,18 @@ html.iui-theme-dark-hc{
   margin:11px 16px;
 }
 .iui-alert-link{
+  text-decoration:underline;
+  border-radius:3px;
   cursor:pointer;
   margin-left:8px;
-  text-decoration:underline;
   -webkit-user-select:none;
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
   white-space:nowrap;
-  color:#008ae0;
-  color:var(--iui-color-foreground-primary);
-}
-.iui-alert-link:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:-1px;
-}
-@supports not selector(*:focus-visible){
-  .iui-alert-link:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:-1px;
-  }
 }
 .iui-alert-link:hover{
   text-decoration:none;
-  color:#006bad;
-  color:var(--iui-color-foreground-primary-overlay);
 }
 .iui-alert > .iui-button{
   margin-left:auto;
@@ -748,24 +712,34 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-positive .iui-alert-link{
-  border-radius:3px;
   color:#53a21a;
+  -webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
   color:var(--iui-color-foreground-positive);
-}
-.iui-alert.iui-positive .iui-alert-link:hover{
-  color:#3d7613;
-  color:var(--iui-color-foreground-positive-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-positive .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-positive);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-positive .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-positive);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-positive .iui-alert-link::-moz-selection, .iui-alert.iui-positive .iui-alert-link *::-moz-selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-positive .iui-alert-link::selection,
+.iui-alert.iui-positive .iui-alert-link *::selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-positive .iui-alert-link:hover{
+  color:#3d7613;
+  color:var(--iui-color-foreground-positive-overlay);
+}
 .iui-alert.iui-positive > .iui-button{
   outline-color:var(--iui-color-foreground-positive);
 }
@@ -789,24 +763,34 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-negative .iui-alert-link{
-  border-radius:3px;
   color:#d10a0a;
+  -webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
   color:var(--iui-color-foreground-negative);
-}
-.iui-alert.iui-negative .iui-alert-link:hover{
-  color:#a10808;
-  color:var(--iui-color-foreground-negative-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-negative .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-negative);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-negative .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-negative);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-negative .iui-alert-link::-moz-selection, .iui-alert.iui-negative .iui-alert-link *::-moz-selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-negative .iui-alert-link::selection,
+.iui-alert.iui-negative .iui-alert-link *::selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-negative .iui-alert-link:hover{
+  color:#a10808;
+  color:var(--iui-color-foreground-negative-overlay);
+}
 .iui-alert.iui-negative > .iui-button{
   outline-color:var(--iui-color-foreground-negative);
 }
@@ -830,24 +814,34 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-warning .iui-alert-link{
-  border-radius:3px;
   color:#f18d13;
+  -webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
   color:var(--iui-color-foreground-warning);
-}
-.iui-alert.iui-warning .iui-alert-link:hover{
-  color:#c6720c;
-  color:var(--iui-color-foreground-warning-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-warning .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-warning);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-warning .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-warning);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-warning .iui-alert-link::-moz-selection, .iui-alert.iui-warning .iui-alert-link *::-moz-selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-warning .iui-alert-link::selection,
+.iui-alert.iui-warning .iui-alert-link *::selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-alert.iui-warning .iui-alert-link:hover{
+  color:#c6720c;
+  color:var(--iui-color-foreground-warning-overlay);
+}
 .iui-alert.iui-warning > .iui-button{
   outline-color:var(--iui-color-foreground-warning);
 }
@@ -871,28 +865,94 @@ html.iui-theme-dark-hc{
   background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-informational .iui-alert-link{
-  border-radius:3px;
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
-}
-.iui-alert.iui-informational .iui-alert-link:hover{
-  color:#006bad;
-  color:var(--iui-color-foreground-primary-overlay);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
 }
 .iui-alert.iui-informational .iui-alert-link:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-alert.iui-informational .iui-alert-link:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
+.iui-alert.iui-informational .iui-alert-link:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
+}
 .iui-alert.iui-informational > .iui-button{
   outline-color:var(--iui-color-foreground-primary);
 }
 
+.iui-anchor{
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
+  color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
+  color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
+}
+.iui-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+}
+.iui-anchor:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
+}
+.iui-anchor-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  .iui-anchor-external::after{
+    background-color:LinkText;
+  }
+}
+.iui-anchor:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  .iui-anchor{
+    text-decoration:underline;
+  }
+  .iui-anchor:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light .iui-anchor, .iui-theme-dark .iui-anchor{
+  text-decoration:none;
+}
+.iui-theme-light .iui-anchor:hover, .iui-theme-dark .iui-anchor:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-anchor, .iui-theme-dark-hc .iui-anchor{
+  text-decoration:underline;
+}
+.iui-theme-light-hc .iui-anchor:hover, .iui-theme-dark-hc .iui-anchor:hover{
+  text-decoration:none;
+}
+
 .iui-badge{
   --iui-badge-background-color:#c7ccd1;
   --_iui-badge-text-color:rgba(0, 0, 0, 0.6);
@@ -976,27 +1036,70 @@ html.iui-theme-dark-hc{
   margin:0 12px;
 }
 .iui-breadcrumbs-item a{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
 }
 .iui-breadcrumbs-item a:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-breadcrumbs-item a:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
 .iui-breadcrumbs-item a:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
+}
+.iui-breadcrumbs-item a-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  .iui-breadcrumbs-item a-external::after{
+    background-color:LinkText;
+  }
+}
+.iui-breadcrumbs-item a:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  .iui-breadcrumbs-item a{
+    text-decoration:underline;
+  }
+  .iui-breadcrumbs-item a:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light .iui-breadcrumbs-item a, .iui-theme-dark .iui-breadcrumbs-item a{
+  text-decoration:none;
+}
+.iui-theme-light .iui-breadcrumbs-item a:hover, .iui-theme-dark .iui-breadcrumbs-item a:hover{
   text-decoration:underline;
 }
+
+.iui-theme-light-hc .iui-breadcrumbs-item a, .iui-theme-dark-hc .iui-breadcrumbs-item a{
+  text-decoration:underline;
+}
+.iui-theme-light-hc .iui-breadcrumbs-item a:hover, .iui-theme-dark-hc .iui-breadcrumbs-item a:hover{
+  text-decoration:none;
+}
+
 .iui-breadcrumbs-item .iui-button{
   border-color:transparent;
   background-color:transparent;
@@ -1915,6 +2018,7 @@ html.iui-theme-dark-hc{
   margin-right:4px;
   position:relative;
   background-color:var(--iui-color-swatch-background);
+  forced-color-adjust:none;
   background-position:0 0, 8px 8px;
   background-size:16px 16px;
   background-image:repeating-linear-gradient(45deg, #edeff2 25%, transparent 25%, transparent 75%, #edeff2 75%, #edeff2), repeating-linear-gradient(45deg, #edeff2 25%, #c7ccd1 25%, #c7ccd1 75%, #edeff2 75%, #edeff2);
@@ -1977,6 +2081,7 @@ html.iui-theme-dark-hc{
   cursor:crosshair;
   width:100%;
   height:209px;
+  forced-color-adjust:none;
   background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--iui-color-field-hue));
 }
 .iui-color-field:not(:last-child){
@@ -1985,6 +2090,7 @@ html.iui-theme-dark-hc{
 
 .iui-hue-slider .iui-slider-rail{
   height:8px;
+  forced-color-adjust:none;
   background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
   background:linear-gradient(to right, #F00 0%, #FF0 17%, lime 33%, aqua 50%, #03F 67%, #C3F 83%, #F00 100%);
 }
@@ -1994,6 +2100,7 @@ html.iui-theme-dark-hc{
 
 .iui-opacity-slider .iui-slider-rail{
   height:8px;
+  forced-color-adjust:none;
   background-position:0 0, 4px 4px;
   background-size:8px 8px;
   background-image:repeating-linear-gradient(45deg, #edeff2 25%, transparent 25%, transparent 75%, #edeff2 75%, #edeff2), repeating-linear-gradient(45deg, #edeff2 25%, #c7ccd1 25%, #c7ccd1 75%, #edeff2 75%, #edeff2);
@@ -2922,27 +3029,70 @@ html.iui-theme-dark-hc{
   background-color:var(--iui-text-color-muted);
 }
 .iui-legal-footer > ul > li > a{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
 }
 .iui-legal-footer > ul > li > a:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   .iui-legal-footer > ul > li > a:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
 .iui-legal-footer > ul > li > a:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
+}
+.iui-legal-footer > ul > li > a-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  .iui-legal-footer > ul > li > a-external::after{
+    background-color:LinkText;
+  }
+}
+.iui-legal-footer > ul > li > a:hover{
   text-decoration:underline;
 }
+@media (prefers-contrast: more){
+  .iui-legal-footer > ul > li > a{
+    text-decoration:underline;
+  }
+  .iui-legal-footer > ul > li > a:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light .iui-legal-footer > ul > li > a, .iui-theme-dark .iui-legal-footer > ul > li > a{
+  text-decoration:none;
+}
+.iui-theme-light .iui-legal-footer > ul > li > a:hover, .iui-theme-dark .iui-legal-footer > ul > li > a:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc .iui-legal-footer > ul > li > a, .iui-theme-dark-hc .iui-legal-footer > ul > li > a{
+  text-decoration:underline;
+}
+.iui-theme-light-hc .iui-legal-footer > ul > li > a:hover, .iui-theme-dark-hc .iui-legal-footer > ul > li > a:hover{
+  text-decoration:none;
+}
+
 .iui-legal-footer > ul > li > a, .iui-legal-footer > ul > li > a:hover{
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
@@ -5493,7 +5643,7 @@ label.iui-input-label.iui-disabled{
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-modal-full-page{
-    transition:visibility 0s linear 0.4s, opacity 0.4s ease-out 0.2s;
+    transition:visibility 0s linear 0.8s, opacity 0.4s ease-out 0.2s;
   }
 }
 .iui-modal-full-page > .iui-modal-dialog{
@@ -5501,7 +5651,7 @@ label.iui-input-label.iui-disabled{
 }
 @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.4s ease-in;
+    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{
@@ -5509,14 +5659,14 @@ label.iui-input-label.iui-disabled{
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-modal-full-page.iui-modal-visible > .iui-modal-dialog{
-    transition:transform 0.4s ease-out;
+    transition:transform 0.3s ease-out;
   }
 }
-.iui-modal-animation-enter .iui-modal .iui-modal-dialog{
+.iui-modal-animation-enter .iui-modal-full-page .iui-modal-dialog{
   transform:translateY(100%);
   opacity:0;
 }
-.iui-modal-animation-enter-active .iui-modal .iui-modal-dialog{
+.iui-modal-animation-enter-active .iui-modal-full-page .iui-modal-dialog{
   transform:translateY(0);
   opacity:1;
 }
@@ -6861,10 +7011,10 @@ label.iui-input-label.iui-disabled{
   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-slot > .iui-more-options{
+.iui-table-body .iui-row:hover:not(.iui-disabled) > .iui-slot:not(.iui-disabled) > .iui-more-options{
   visibility:visible;
 }
-.iui-table-body .iui-row:not(.iui-disabled):focus-within > .iui-slot > .iui-more-options{
+.iui-table-body .iui-row:focus-within > .iui-slot:not(.iui-disabled) > .iui-more-options{
   visibility:visible;
 }
 @media (prefers-reduced-motion: no-preference){
@@ -6959,20 +7109,20 @@ label.iui-input-label.iui-disabled{
   color:#53a21a;
   color:var(--iui-color-foreground-positive);
 }
-.iui-table-body .iui-row.iui-disabled, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content{
+.iui-table-body .iui-row .iui-cell.iui-disabled, .iui-table-body .iui-row.iui-expanded-content.iui-disabled{
   font-style:italic;
   cursor:not-allowed;
   color:rgba(0, 0, 0, 0.4);
   color:var(--iui-text-color-muted);
 }
-.iui-table-body .iui-row.iui-disabled:hover > .iui-slot > .iui-more-options, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content:hover > .iui-slot > .iui-more-options{
+.iui-table-body .iui-row .iui-cell.iui-disabled.iui-slot:hover > .iui-more-options, .iui-table-body .iui-row.iui-expanded-content.iui-disabled.iui-slot:hover > .iui-more-options{
   visibility:hidden;
 }
-.iui-table-body .iui-row.iui-disabled img,
-.iui-table-body .iui-row.iui-disabled svg:not(.iui-radial),
-.iui-table-body .iui-row.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-disabled + .iui-expanded-content img,
-.iui-table-body .iui-row.iui-disabled + .iui-expanded-content svg:not(.iui-radial),
-.iui-table-body .iui-row.iui-disabled + .iui-expanded-content .iui-user-icon{
+.iui-table-body .iui-row .iui-cell.iui-disabled img,
+.iui-table-body .iui-row .iui-cell.iui-disabled svg:not(.iui-radial),
+.iui-table-body .iui-row .iui-cell.iui-disabled .iui-user-icon, .iui-table-body .iui-row.iui-expanded-content.iui-disabled img,
+.iui-table-body .iui-row.iui-expanded-content.iui-disabled svg:not(.iui-radial),
+.iui-table-body .iui-row.iui-expanded-content.iui-disabled .iui-user-icon{
   filter:grayscale(100%);
 }
 .iui-table-body .iui-row.iui-positive,
@@ -7758,27 +7908,69 @@ label.iui-input-label.iui-disabled{
 }
 
 a.iui-tag{
-  border-radius:3px;
-  text-decoration:none;
-  cursor:pointer;
+  --_iui-anchor-external-svg:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='m16 0v5.4l-1.9-2-8.4 8.4-1.5-1.5 8.3-8.4-1.9-1.9m5.4 16v-9h-1v8h-14v-14h8v-1h-9v16z' /></svg>");
   color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
   color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+  border-radius:3px;
+  cursor:pointer;
+  text-decoration:none;
 }
 a.iui-tag:focus-visible{
   outline:1px solid var(--iui-color-foreground-primary);
-  outline-offset:2px;
+  outline-offset:1px;
 }
 @supports not selector(*:focus-visible){
   a.iui-tag:focus{
     outline:1px solid var(--iui-color-foreground-primary);
-    outline-offset:2px;
+    outline-offset:1px;
   }
 }
 a.iui-tag:hover{
   color:#006bad;
   color:var(--iui-color-foreground-primary-overlay);
+}
+a.iui-tag-external::after{
+  content:"";
+  display:inline-block;
+  width:1.5ch;
+  height:1.5ch;
+  margin-left:0.5ch;
+  vertical-align:-0.1ch;
+  background-color:currentColor;
+  -webkit-mask:var(--_iui-anchor-external-svg);
+          mask:var(--_iui-anchor-external-svg);
+}
+@media (forced-colors: active){
+  a.iui-tag-external::after{
+    background-color:LinkText;
+  }
+}
+a.iui-tag:hover{
+  text-decoration:underline;
+}
+@media (prefers-contrast: more){
+  a.iui-tag{
+    text-decoration:underline;
+  }
+  a.iui-tag:hover{
+    text-decoration:none;
+  }
+}
+.iui-theme-light a.iui-tag, .iui-theme-dark a.iui-tag{
+  text-decoration:none;
+}
+.iui-theme-light a.iui-tag:hover, .iui-theme-dark a.iui-tag:hover{
+  text-decoration:underline;
+}
+
+.iui-theme-light-hc a.iui-tag, .iui-theme-dark-hc a.iui-tag{
   text-decoration:underline;
 }
+.iui-theme-light-hc a.iui-tag:hover, .iui-theme-dark-hc a.iui-tag:hover{
+  text-decoration:none;
+}
 
 .iui-tag-container{
   color:rgba(0, 0, 0, 0.4);
@@ -8667,17 +8859,19 @@ div.iui-tile-thumbnail-picture{
   color:rgba(0, 0, 0, 0.8);
   color:var(--iui-text-color);
 }
-.iui-toast > .iui-anchor{
+.iui-toast-anchor{
+  text-decoration:underline;
+  border-radius:3px;
+  cursor:pointer;
   font-size:12px;
   margin-right:16px;
   -webkit-user-select:none;
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
-  text-decoration:underline;
   white-space:nowrap;
 }
-.iui-toast > .iui-anchor:hover{
+.iui-toast-anchor:hover{
   text-decoration:none;
 }
 .iui-toast > .iui-button{
@@ -8711,6 +8905,26 @@ div.iui-tile-thumbnail-picture{
   background-color:#008ae0;
   background-color:var(--iui-color-background-primary);
 }
+.iui-toast.iui-informational > .iui-toast-anchor{
+  color:#008ae0;
+  -webkit-tap-highlight-color:rgba(0, 138, 224, 0.2);
+  color:var(--iui-color-foreground-primary);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-informational > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-primary);
+  outline-offset:1px;
+}
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-informational > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-primary);
+    outline-offset:1px;
+  }
+}
+.iui-toast.iui-informational > .iui-toast-anchor:hover{
+  color:#006bad;
+  color:var(--iui-color-foreground-primary-overlay);
+}
 .iui-toast.iui-positive{
   border-color:#53a21a;
   border-color:var(--iui-color-foreground-positive);
@@ -8728,19 +8942,34 @@ div.iui-tile-thumbnail-picture{
   background-color:#53a21a;
   background-color:var(--iui-color-background-positive);
 }
-.iui-toast.iui-positive > .iui-anchor{
+.iui-toast.iui-positive > .iui-toast-anchor{
   color:#53a21a;
+  -webkit-tap-highlight-color:rgba(83, 162, 26, 0.2);
   color:var(--iui-color-foreground-positive);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
 }
-.iui-toast.iui-positive > .iui-anchor:hover{
-  color:#3d7613;
-  color:var(--iui-color-foreground-positive-overlay);
+.iui-toast.iui-positive > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-positive);
+  outline-offset:1px;
 }
-.iui-toast.iui-positive > .iui-anchor{
-  outline-color:var(--iui-color-foreground-positive);
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-positive > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-positive);
+    outline-offset:1px;
+  }
 }
-.iui-toast.iui-positive > .iui-button{
-  outline-color:var(--iui-color-foreground-positive);
+.iui-toast.iui-positive > .iui-toast-anchor::-moz-selection, .iui-toast.iui-positive > .iui-toast-anchor *::-moz-selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-positive > .iui-toast-anchor::selection,
+.iui-toast.iui-positive > .iui-toast-anchor *::selection{
+  background-color:rgba(83, 162, 26, 0.2);
+  background-color:rgba(var(--iui-color-foreground-positive-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-positive > .iui-toast-anchor:hover{
+  color:#3d7613;
+  color:var(--iui-color-foreground-positive-overlay);
 }
 .iui-toast.iui-negative{
   border-color:#d10a0a;
@@ -8759,19 +8988,34 @@ div.iui-tile-thumbnail-picture{
   background-color:#d10a0a;
   background-color:var(--iui-color-background-negative);
 }
-.iui-toast.iui-negative > .iui-anchor{
+.iui-toast.iui-negative > .iui-toast-anchor{
   color:#d10a0a;
+  -webkit-tap-highlight-color:rgba(209, 10, 10, 0.2);
   color:var(--iui-color-foreground-negative);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
 }
-.iui-toast.iui-negative > .iui-anchor:hover{
-  color:#a10808;
-  color:var(--iui-color-foreground-negative-overlay);
+.iui-toast.iui-negative > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-negative);
+  outline-offset:1px;
 }
-.iui-toast.iui-negative > .iui-anchor{
-  outline-color:var(--iui-color-foreground-negative);
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-negative > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-negative);
+    outline-offset:1px;
+  }
 }
-.iui-toast.iui-negative > .iui-button{
-  outline-color:var(--iui-color-foreground-negative);
+.iui-toast.iui-negative > .iui-toast-anchor::-moz-selection, .iui-toast.iui-negative > .iui-toast-anchor *::-moz-selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-negative > .iui-toast-anchor::selection,
+.iui-toast.iui-negative > .iui-toast-anchor *::selection{
+  background-color:rgba(209, 10, 10, 0.2);
+  background-color:rgba(var(--iui-color-foreground-negative-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-negative > .iui-toast-anchor:hover{
+  color:#a10808;
+  color:var(--iui-color-foreground-negative-overlay);
 }
 .iui-toast.iui-warning{
   border-color:#f18d13;
@@ -8790,19 +9034,34 @@ div.iui-tile-thumbnail-picture{
   background-color:#f18d13;
   background-color:var(--iui-color-background-warning);
 }
-.iui-toast.iui-warning > .iui-anchor{
+.iui-toast.iui-warning > .iui-toast-anchor{
   color:#f18d13;
+  -webkit-tap-highlight-color:rgba(241, 141, 19, 0.2);
   color:var(--iui-color-foreground-warning);
+  -webkit-tap-highlight-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
 }
-.iui-toast.iui-warning > .iui-anchor:hover{
-  color:#c6720c;
-  color:var(--iui-color-foreground-warning-overlay);
+.iui-toast.iui-warning > .iui-toast-anchor:focus-visible{
+  outline:1px solid var(--iui-color-foreground-warning);
+  outline-offset:1px;
 }
-.iui-toast.iui-warning > .iui-anchor{
-  outline-color:var(--iui-color-foreground-warning);
+@supports not selector(*:focus-visible){
+  .iui-toast.iui-warning > .iui-toast-anchor:focus{
+    outline:1px solid var(--iui-color-foreground-warning);
+    outline-offset:1px;
+  }
 }
-.iui-toast.iui-warning > .iui-button{
-  outline-color:var(--iui-color-foreground-warning);
+.iui-toast.iui-warning > .iui-toast-anchor::-moz-selection, .iui-toast.iui-warning > .iui-toast-anchor *::-moz-selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-warning > .iui-toast-anchor::selection,
+.iui-toast.iui-warning > .iui-toast-anchor *::selection{
+  background-color:rgba(241, 141, 19, 0.2);
+  background-color:rgba(var(--iui-color-foreground-warning-rgb), var(--iui-opacity-5));
+}
+.iui-toast.iui-warning > .iui-toast-anchor:hover{
+  color:#c6720c;
+  color:var(--iui-color-foreground-warning-overlay);
 }
 
 .iui-toggle-switch-wrapper{
@@ -9093,7 +9352,7 @@ div.iui-tile-thumbnail-picture{
   display:inline-flex;
   width:16px;
   height:16px;
-  padding:0 6px;
+  margin:0 6px;
   flex-shrink:0;
 }
 .iui-tree-node-content-icon.iui-informational{
@@ -9113,7 +9372,7 @@ div.iui-tile-thumbnail-picture{
   fill:var(--iui-icons-color-negative);
 }
 .iui-tree-node-content-icon:first-child{
-  margin-left:28px;
+  margin-left:34px;
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-tree-node-content-expander-icon{
@@ -9618,6 +9877,8 @@ div.iui-tile-thumbnail-picture{
   text-align:center;
   left:50%;
   top:22px;
+  opacity:0;
+  z-index:99;
   transform:translateX(-50%) translateY(-170%);
   transition:background-color 0.2s ease-in-out;
 }
@@ -9640,7 +9901,7 @@ div.iui-tile-thumbnail-picture{
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-skip-to-content-link{
-    transition:background-color 0.2s ease-in-out, transform 0.8s ease-in-out, box-shadow 0.2s ease-in-out;
+    transition:opacity 0.8s ease-in-out, background-color 0.8s ease-in-out, transform 0.8s ease-in-out, box-shadow 0.8s ease-in-out;
   }
 }
 .iui-skip-to-content-link:hover{
@@ -9655,12 +9916,13 @@ div.iui-tile-thumbnail-picture{
   }
 }
 .iui-skip-to-content-link:focus{
+  opacity:1;
   transform:translateX(-50%) translateY(0);
   box-shadow:0 6px 30px rgba(0, 0, 0, 0.25);
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-skip-to-content-link:focus{
-    transition:transform 0.2s ease-in-out;
+    transition:opacity 0s ease-in-out, background-color 0.2s ease-in-out, transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
   }
 }