@itwin/itwinui-css 1.0.0-dev.12 → 1.0.0-dev.14

package/css/slider.css

@@ -109,10 +109,13 @@
   cursor:not-allowed;
   pointer-events:none;
 }
+.iui-slider-component-container.iui-disabled .iui-slider-rail{
+  background-color:var(--iui-color-background-disabled);
+}
 .iui-slider-component-container.iui-disabled .iui-slider-thumb{
   cursor:not-allowed;
-  background-color:var(--iui-color-background-4);
-  border-color:var(--iui-color-background-4);
+  background-color:var(--iui-color-border);
+  border-color:var(--iui-color-border);
 }
 @media (forced-colors: active){
   .iui-slider-component-container.iui-disabled .iui-slider-thumb{
@@ -121,7 +124,7 @@
   }
 }
 .iui-slider-component-container.iui-disabled .iui-slider-track{
-  background-color:var(--iui-color-foreground-4);
+  background-color:var(--iui-color-border);
 }
 @media (forced-colors: active){
   .iui-slider-component-container.iui-disabled .iui-slider-track{
@@ -135,7 +138,7 @@
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
-  color:var(--iui-color-foreground-4);
+  color:var(--iui-color-text-disabled);
 }
 @media (forced-colors: active){
   .iui-slider-component-container.iui-disabled .iui-slider-min,
@@ -175,7 +178,7 @@
   align-items:center;
 }
 .iui-slider-ticks .iui-slider-tick::before{
-  background-color:var(--iui-color-background-4);
+  background-color:var(--iui-color-border);
 }
 @media (forced-colors: active){
   .iui-slider-ticks .iui-slider-tick::before{
@@ -185,7 +188,7 @@
 
 .iui-slider-rail{
   position:absolute;
-  background-color:var(--iui-color-background-border);
+  background-color:var(--iui-color-border);
 }
 @media (forced-colors: active){
   .iui-slider-rail{
@@ -202,16 +205,16 @@
   z-index:1;
   cursor:-webkit-grab;
   cursor:grab;
-  background:var(--iui-color-background-1);
-  border:1px solid var(--iui-color-background-border);
+  background:var(--iui-color-background);
+  border:1px solid var(--iui-color-border-foreground);
 }
 .iui-slider-thumb:focus-visible{
-  outline:2px solid var(--iui-color-foreground-primary);
+  outline:2px solid var(--iui-color-border-accent);
   outline-offset:-1px;
 }
 @supports not selector(*:focus-visible){
   .iui-slider-thumb:focus{
-    outline:2px solid var(--iui-color-foreground-primary);
+    outline:2px solid var(--iui-color-border-accent);
     outline-offset:-1px;
   }
 }
@@ -230,7 +233,7 @@
   pointer-events:none;
   position:absolute;
   top:var(--iui-size-s);
-  background-color:var(--iui-color-foreground-primary);
+  background-color:var(--iui-color-border-accent);
 }
 @media (forced-colors: active){
   .iui-slider-track{
@@ -252,7 +255,7 @@
   flex-shrink:0;
   width:var(--iui-size-m);
   height:var(--iui-size-m);
-  fill:var(--iui-color-foreground-4);
+  fill:var(--iui-color-icon-muted);
 }
 @media (forced-colors: active){
   .iui-slider-min svg,

package/css/stepper.css

@@ -19,12 +19,12 @@
 }
 
 .iui-stepper-step{
-  --_iui-stepper-step-background-color:var(--iui-color-background-1);
-  --_iui-stepper-step-border-color:var(--iui-color-foreground-positive);
-  --_iui-stepper-step-number-color:var(--iui-color-foreground-positive);
-  --_iui-stepper-step-text-color:var(--iui-color-foreground-positive);
-  --_iui-stepper-step-track-before-color:var(--iui-color-foreground-positive);
-  --_iui-stepper-step-track-after-color:var(--iui-color-foreground-positive);
+  --_iui-stepper-step-background-color:var(--iui-color-background);
+  --_iui-stepper-step-border-color:var(--iui-color-border-positive);
+  --_iui-stepper-step-number-color:var(--iui-color-text-positive);
+  --_iui-stepper-step-text-color:var(--iui-color-text-positive);
+  --_iui-stepper-step-track-before-color:var(--iui-color-border-positive);
+  --_iui-stepper-step-track-after-color:var(--iui-color-border-positive);
   flex:1;
   align-items:center;
   display:flex;
@@ -47,19 +47,19 @@
 .iui-stepper-step.iui-current{
   --_iui-stepper-step-background-color:var(--iui-color-background-positive);
   --_iui-stepper-step-border-color:var(--iui-color-background-positive);
-  --_iui-stepper-step-number-color:var(--iui-color-foreground-accessory);
-  --_iui-stepper-step-track-after-color:var(--iui-color-background-border);
+  --_iui-stepper-step-number-color:var(--iui-color-white);
+  --_iui-stepper-step-track-after-color:var(--iui-color-border);
   font-weight:var(--iui-font-weight-semibold);
 }
 .iui-stepper-step.iui-current ~ .iui-stepper-step{
-  --_iui-stepper-step-background-color:var(--iui-color-background-1);
-  --_iui-stepper-step-border-color:var(--iui-color-background-border);
-  --_iui-stepper-step-number-color:var(--iui-color-foreground-4);
-  --_iui-stepper-step-text-color:var(--iui-color-foreground-4);
-  --_iui-stepper-step-track-before-color:var(--iui-color-background-border);
+  --_iui-stepper-step-background-color:var(--iui-color-background);
+  --_iui-stepper-step-border-color:var(--iui-color-border);
+  --_iui-stepper-step-number-color:var(--iui-color-text-muted);
+  --_iui-stepper-step-text-color:var(--iui-color-text-muted);
+  --_iui-stepper-step-track-before-color:var(--iui-color-border);
 }
 .iui-stepper-step.iui-current ~ .iui-stepper-step:not(:last-of-type){
-  --_iui-stepper-step-track-after-color:var(--iui-color-background-border);
+  --_iui-stepper-step-track-after-color:var(--iui-color-border);
 }
 .iui-stepper-step.iui-clickable:focus{
   outline:0;
@@ -88,11 +88,11 @@
 .iui-clickable .iui-stepper-circle:hover{
   --_iui-stepper-step-background-color:var(--iui-color-background-positive);
   --_iui-stepper-step-border-color:var(--iui-color-background-positive);
-  --_iui-stepper-step-number-color:var(--iui-color-foreground-accessory);
+  --_iui-stepper-step-number-color:var(--iui-color-white);
 }
 
 .iui-clickable:focus .iui-stepper-circle{
-  outline:2px solid var(--iui-color-foreground-positive);
+  outline:2px solid var(--iui-color-border-positive);
   outline-offset:-1px;
 }
 
@@ -137,5 +137,5 @@
       -ms-user-select:none;
           user-select:none;
   margin-right:var(--iui-size-xs);
-  color:var(--iui-color-foreground-4);
+  color:var(--iui-color-text-muted);
 }

package/css/surface.css

@@ -3,16 +3,13 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 .iui-surface{
-  --iui-surface-background-color:var(--iui-color-background-1);
-  --iui-surface-border-radius:0;
+  --iui-surface-background-color:var(--iui-color-background);
+  --iui-surface-border-color:var(--iui-color-border-subtle);
+  --iui-surface-border-radius:var(--iui-border-radius-1);
   --iui-surface-elevation:var(--iui-shadow-1);
   background-color:var(--iui-surface-background-color);
+  border:1px solid var(--iui-surface-border-color);
   border-radius:var(--iui-surface-border-radius);
   box-shadow:var(--iui-surface-elevation);
-  color:var(--iui-color-foreground-2);
-}
-@media (forced-colors: active){
-  .iui-surface{
-    border:1px solid transparent;
-  }
+  color:var(--iui-color-text);
 }

package/css/table.css

@@ -49,11 +49,11 @@
 .iui-table[data-iui-size=extra-condensed] .iui-table-header .iui-table-cell{
   padding-block:calc(var(--iui-size-s) * 0.25);
 }
-.iui-table .iui-table-header .iui-table-cell,
+.iui-table .iui-table-header,
 .iui-table .iui-table-paginator{
   min-height:var(--_iui-table-header-size);
 }
-.iui-table .iui-table-cell{
+.iui-table .iui-table-body .iui-table-cell{
   min-height:var(--_iui-table-row-size);
 }
 
@@ -78,9 +78,11 @@
           user-select:none;
   min-width:100%;
   flex-shrink:0;
+  font-weight:var(--iui-font-weight-semibold);
+  border-bottom:1px solid var(--iui-color-border);
 }
 .iui-table-header .iui-table-cell{
-  background-color:var(--iui-color-background-3);
+  background-color:var(--iui-color-background);
 }
 .iui-table-header .iui-table-cell:not(.iui-slot){
   -moz-column-gap:var(--iui-size-2xs);
@@ -88,12 +90,12 @@
   padding-block:calc(var(--iui-size-s) * 0.5);
 }
 .iui-table-header .iui-table-cell:not(.iui-slot):focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
+  outline:1px solid var(--iui-color-border-accent);
   outline-offset:-1px;
 }
 @supports not selector(*:focus-visible){
   .iui-table-header .iui-table-cell:not(.iui-slot):focus{
-    outline:1px solid var(--iui-color-foreground-primary);
+    outline:1px solid var(--iui-color-border-accent);
     outline-offset:-1px;
   }
 }
@@ -124,17 +126,17 @@
   width:var(--iui-size-3xs);
   margin:0 auto;
   transition:background-color var(--iui-duration-1) ease-out, width var(--iui-duration-1) ease-out;
-  background-color:var(--iui-color-background-border);
+  background-color:var(--iui-color-border);
 }
 .iui-table-header .iui-table-cell:not(.iui-slot) > .iui-table-resizer:hover > .iui-table-resizer-bar{
   width:var(--iui-size-2xs);
-  background-color:var(--iui-color-foreground-primary);
+  background-color:var(--iui-color-border-accent);
 }
 .iui-table-header .iui-table-cell:not(.iui-slot):hover > .iui-table-resizer{
   opacity:1;
 }
 .iui-table-header .iui-table-cell:not(.iui-slot):hover, .iui-table-header .iui-table-cell:not(.iui-slot):focus, .iui-table-header .iui-table-cell:not(.iui-slot):focus-within{
-  background-color:var(--iui-color-background-4);
+  background-color:var(--iui-color-background-hover);
 }
 .iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-sort,
 .iui-table-header .iui-table-cell:not(.iui-slot):hover .iui-table-filter-button, .iui-table-header .iui-table-cell:not(.iui-slot):focus .iui-table-sort,
@@ -155,21 +157,22 @@
 }
 .iui-table-header .iui-table-reorder-column-left > .iui-table-reorder-bar,
 .iui-table-header .iui-table-reorder-column-right > .iui-table-reorder-bar{
-  background-color:var(--iui-color-foreground-primary);
+  background-color:var(--iui-color-border-accent);
 }
 .iui-table-header .iui-table-sort{
   opacity:0;
+  fill:var(--iui-color-icon-muted);
 }
 .iui-table-header .iui-sorted{
-  --_iui-table-cell-icon-fill:var(--iui-color-foreground-2);
-  background-color:var(--iui-color-background-4);
+  background-color:var(--iui-color-background-hover);
 }
 .iui-table-header .iui-sorted .iui-table-sort{
   opacity:1;
+  fill:var(--iui-color-icon);
 }
 
 .iui-table-row{
-  --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
+  --_iui-table-cell-icon-fill:var(--iui-color-icon-muted);
   min-width:100%;
   display:flex;
 }
@@ -183,8 +186,8 @@
 .iui-table-body .iui-table-row .iui-table-cell{
   border-top:solid 1px transparent;
   border-bottom:solid 1px transparent;
-  border-bottom-color:var(--iui-color-background-border);
-  background-color:var(--iui-color-background-1);
+  border-bottom-color:var(--iui-color-border);
+  background-color:var(--iui-color-background);
   transition:border var(--iui-duration-1) ease-out;
 }
 .iui-table-body .iui-table-row > .iui-slot > .iui-table-more-options{
@@ -194,7 +197,7 @@
   opacity:1;
 }
 .iui-table-body .iui-table-row:where(:hover:not(.iui-loading):not([aria-disabled="true"])) .iui-table-cell{
-  background-color:var(--iui-color-background-transparent-hover);
+  background-color:var(--iui-color-background-hover);
 }
 @media (prefers-reduced-motion: no-preference){
   .iui-table-body .iui-table-row .iui-table-row-expander > .iui-button-icon{
@@ -205,22 +208,22 @@
   overflow:hidden;
 }
 .iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-cell{
-  border-left-color:var(--iui-color-background-4);
-  border-right-color:var(--iui-color-background-4);
+  border-left-color:var(--iui-color-border);
+  border-right-color:var(--iui-color-border);
   border-bottom-color:transparent;
 }
 .iui-table-body .iui-table-row.iui-table-row-expanded .iui-table-row-expander > .iui-button-icon{
   transform:rotate(90deg);
 }
 .iui-table-body .iui-table-row.iui-table-row-expanded + .iui-table-expanded-content{
-  border-left-color:var(--iui-color-background-4);
-  border-right-color:var(--iui-color-background-4);
+  border-left-color:var(--iui-color-border);
+  border-right-color:var(--iui-color-border);
 }
 .iui-table-body .iui-table-row.iui-table-expanded-content{
   overflow:hidden;
   border-left:1px solid transparent;
   border-right:1px solid transparent;
-  border-bottom:1px solid var(--iui-color-background-border);
+  border-bottom:1px solid var(--iui-color-border);
 }
 .iui-table-body .iui-table-row.iui-table-expanded-content.iui-enter{
   opacity:0;
@@ -248,25 +251,25 @@
   border-bottom-color:transparent;
 }
 .iui-table-body .iui-table-row[aria-selected=true] .iui-table-cell{
-  border-color:var(--iui-color-foreground-primary);
-  background-color:var(--iui-color-background-subtle-primary);
+  border-color:var(--iui-color-border-accent);
+  background-color:var(--iui-color-background-accent-muted);
 }
 .iui-table-body .iui-table-row[aria-selected=true] + [aria-selected=true] .iui-table-cell{
   border-bottom-color:transparent;
-  border-top-color:hsl(var(--iui-color-foreground-primary-hsl)/var(--iui-opacity-4));
+  border-top-color:hsl(var(--iui-color-accent-hsl)/var(--iui-opacity-4));
 }
 .iui-table-body .iui-table-row[aria-selected=true]:last-child .iui-table-cell{
-  border-bottom-color:var(--iui-color-foreground-primary);
+  border-bottom-color:var(--iui-color-border-accent);
 }
 .iui-table-body .iui-table-row[aria-selected=true] + :not([aria-selected=true]) .iui-table-cell,
 .iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content + .iui-table-row:not([aria-selected=true]) .iui-table-cell{
-  border-top-color:var(--iui-color-foreground-primary);
+  border-top-color:var(--iui-color-border-accent);
 }
 .iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content{
-  border-color:transparent var(--iui-color-foreground-primary);
+  border-color:transparent var(--iui-color-border-accent);
 }
 .iui-table-body .iui-table-row[aria-selected=true] + .iui-table-expanded-content:last-child{
-  border-bottom-color:var(--iui-color-foreground-primary);
+  border-bottom-color:var(--iui-color-border-accent);
 }
 .iui-table-body .iui-table-row.iui-new{
   font-weight:var(--iui-font-weight-semibold);
@@ -276,13 +279,13 @@
   position:absolute;
   left:0;
   font-size:var(--iui-font-size-4);
-  color:var(--iui-color-foreground-positive);
+  color:var(--iui-color-icon-positive);
 }
 .iui-table-body .iui-table-row.iui-loading,
 .iui-table-body .iui-table-row .iui-table-cell[aria-disabled=true], .iui-table-body .iui-table-row.iui-table-expanded-content[aria-disabled=true]{
-  --_iui-table-cell-icon-fill:var(--iui-color-foreground-4);
+  --_iui-table-cell-icon-fill:var(--iui-color-icon-muted);
   --_iui-table-cell-image-filter:grayscale(100%);
-  color:var(--iui-color-foreground-4);
+  color:var(--iui-color-text-disabled);
 }
 .iui-table-body .iui-table-row.iui-loading img,
 .iui-table-body .iui-table-row.iui-loading svg:not(.iui-radial),
@@ -306,57 +309,57 @@
 }
 .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type,
 .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content{
-  box-shadow:inset var(--iui-size-3xs) 0 0 0 var(--iui-color-foreground-positive);
+  box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-positive);
 }
 .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::-moz-selection{
-  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
 }
 .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type::selection,
 .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell:first-of-type *::selection,
 .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content::selection,
 .iui-table-body .iui-table-row[data-iui-status=positive] + .iui-table-expanded-content *::selection{
-  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
 }
 .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell-end-icon{
-  --_iui-table-cell-icon-fill:var(--iui-color-foreground-positive);
+  --_iui-table-cell-icon-fill:var(--iui-color-icon-positive);
 }
 .iui-table-body .iui-table-row[data-iui-status=positive] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
   --_iui-table-cell-image-filter:none;
 }
 .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type,
 .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content{
-  box-shadow:inset var(--iui-size-3xs) 0 0 0 var(--iui-color-foreground-warning);
+  box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-warning);
 }
 .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::-moz-selection{
-  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
 }
 .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type::selection,
 .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell:first-of-type *::selection,
 .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content::selection,
 .iui-table-body .iui-table-row[data-iui-status=warning] + .iui-table-expanded-content *::selection{
-  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
 }
 .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell-end-icon{
-  --_iui-table-cell-icon-fill:var(--iui-color-foreground-warning);
+  --_iui-table-cell-icon-fill:var(--iui-color-icon-warning);
 }
 .iui-table-body .iui-table-row[data-iui-status=warning] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
   --_iui-table-cell-image-filter:none;
 }
 .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type,
 .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content{
-  box-shadow:inset var(--iui-size-3xs) 0 0 0 var(--iui-color-foreground-negative);
+  box-shadow:inset var(--iui-size-2xs) 0 0 0 var(--iui-color-border-negative);
 }
 .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type *::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content::-moz-selection, .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::-moz-selection{
-  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
 }
 .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type::selection,
 .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell:first-of-type *::selection,
 .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content::selection,
 .iui-table-body .iui-table-row[data-iui-status=negative] + .iui-table-expanded-content *::selection{
-  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
 }
 .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell-end-icon{
-  --_iui-table-cell-icon-fill:var(--iui-color-foreground-negative);
+  --_iui-table-cell-icon-fill:var(--iui-color-icon-negative);
 }
 .iui-table-body .iui-table-row[data-iui-status=negative] .iui-table-cell[aria-disabled=true] .iui-table-cell-end-icon{
   --_iui-table-cell-image-filter:none;
@@ -384,7 +387,7 @@
   flex-direction:column;
   flex-grow:1;
   align-items:flex-start;
-  background-color:var(--iui-color-background-1);
+  background-color:var(--iui-color-background);
 }
 .iui-table-body.iui-scroll-snapping{
   -ms-scroll-snap-type:y mandatory;
@@ -397,11 +400,11 @@
   border-bottom-left-radius:var(--iui-border-radius-1);
   border-bottom-right-radius:var(--iui-border-radius-1);
 }
-.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell::before{
-  content:"";
-  position:absolute;
-  inset:0;
-  background-color:hsl(var(--iui-color-foreground-1-hsl)/0.02);
+.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]) .iui-table-cell{
+  background-color:var(--iui-color-background-zebra);
+}
+.iui-table-body.iui-zebra-striping .iui-table-row:nth-child(even):not([aria-selected=true]):hover .iui-table-cell{
+  background-color:var(--iui-color-background-hover);
 }
 .iui-table-body > .iui-table-empty{
   text-align:center;
@@ -412,8 +415,8 @@
   align-items:center;
   flex-grow:1;
   align-self:center;
-  color:var(--iui-color-foreground-4);
-  background-color:var(--iui-color-background-1);
+  color:var(--iui-color-text-muted);
+  background-color:var(--iui-color-background);
 }
 
 .iui-table-cell{
@@ -454,52 +457,53 @@
   padding-right:var(--iui-size-m);
 }
 .iui-table-cell[data-iui-status=positive]::-moz-selection, .iui-table-cell[data-iui-status=positive] *::-moz-selection{
-  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
 }
 .iui-table-cell[data-iui-status=positive]::selection,
 .iui-table-cell[data-iui-status=positive] *::selection{
-  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-5));
 }
 .iui-table-cell[data-iui-status=positive]::before{
   content:"";
   position:absolute;
   inset:0;
-  background-color:hsl(var(--iui-color-foreground-positive-hsl)/var(--iui-opacity-6));
+  background-color:hsl(var(--iui-color-positive-hsl)/var(--iui-opacity-6));
 }
 .iui-table-cell[data-iui-status=warning]::-moz-selection, .iui-table-cell[data-iui-status=warning] *::-moz-selection{
-  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
 }
 .iui-table-cell[data-iui-status=warning]::selection,
 .iui-table-cell[data-iui-status=warning] *::selection{
-  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-5));
 }
 .iui-table-cell[data-iui-status=warning]::before{
   content:"";
   position:absolute;
   inset:0;
-  background-color:hsl(var(--iui-color-foreground-warning-hsl)/var(--iui-opacity-6));
+  background-color:hsl(var(--iui-color-warning-hsl)/var(--iui-opacity-6));
 }
 .iui-table-cell[data-iui-status=negative]::-moz-selection, .iui-table-cell[data-iui-status=negative] *::-moz-selection{
-  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
 }
 .iui-table-cell[data-iui-status=negative]::selection,
 .iui-table-cell[data-iui-status=negative] *::selection{
-  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-5));
+  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-5));
 }
 .iui-table-cell[data-iui-status=negative]::before{
   content:"";
   position:absolute;
   inset:0;
-  background-color:hsl(var(--iui-color-foreground-negative-hsl)/var(--iui-opacity-6));
+  background-color:hsl(var(--iui-color-negative-hsl)/var(--iui-opacity-6));
 }
 .iui-table-cell[contenteditable]{
   outline-offset:-1px;
 }
-.iui-table-cell[contenteditable]:focus, .iui-table-cell[contenteditable]:hover{
-  outline:1px solid var(--iui-color-foreground-primary);
+.iui-table-cell[contenteditable]:hover{
+  outline:1px solid var(--iui-color-border-accent);
 }
 .iui-table-cell[contenteditable]:focus{
-  background-color:var(--iui-color-background-1);
+  background-color:var(--iui-color-background);
+  outline:1px solid var(--iui-color-text-accent);
 }
 
 .iui-table-cell-shadow-left{
@@ -545,9 +549,10 @@
      -moz-user-select:none;
       -ms-user-select:none;
           user-select:none;
-  background-color:var(--iui-color-background-3);
+  background-color:var(--iui-color-background);
   border-bottom-left-radius:var(--iui-border-radius-1);
   border-bottom-right-radius:var(--iui-border-radius-1);
+  border-top:1px solid var(--iui-color-border);
 }
 .iui-table-paginator > .iui-left,
 .iui-table-paginator > .iui-center,
@@ -561,14 +566,14 @@
 .iui-table-paginator > .iui-center{
   justify-content:center;
   flex:2 1;
-  color:var(--iui-color-foreground-2);
+  color:var(--iui-color-text);
 }
 .iui-table-paginator > .iui-right{
   justify-content:flex-end;
 }
 
 .iui-table-paginator-page-size-label{
-  color:var(--iui-color-foreground-4);
+  color:var(--iui-color-text-muted);
   white-space:nowrap;
   overflow:hidden;
   text-overflow:ellipsis;
@@ -579,7 +584,6 @@
   justify-content:center;
   align-items:center;
   padding-inline:var(--iui-size-xs);
-  color:var(--iui-color-foreground-4);
 }
 .iui-table-paginator-ellipsis-small{
   padding-inline:var(--iui-size-2xs);
@@ -628,9 +632,10 @@
   --_iui-button-padding-block:var(--iui-size-2xs);
   --_iui-button-padding-inline:var(--iui-size-m);
   --_iui-button-min-height:var(--iui-component-height);
-  --_iui-button-text-color:var(--iui-color-foreground-2);
+  --_iui-button-text-color:var(--iui-color-text);
   --_iui-button-background-color:transparent;
   --_iui-button-border-color:transparent;
+  --_iui-button-icon-fill:var(--iui-color-icon);
   --_iui-button-gap:var(--iui-size-xs);
   --_iui-button-padding-block:var(--iui-size-2xs);
   --_iui-button-padding-inline:var(--iui-size-m);
@@ -638,27 +643,29 @@
   --_iui-button-padding-inline:var(--iui-size-xs);
 }
 .iui-table-paginator-page-button:focus-visible{
-  outline:1px solid var(--iui-color-foreground-primary);
+  outline:1px solid var(--iui-color-border-accent);
   outline-offset:-1px;
 }
 @supports not selector(*:focus-visible){
   .iui-table-paginator-page-button:focus{
-    outline:1px solid var(--iui-color-foreground-primary);
+    outline:1px solid var(--iui-color-border-accent);
     outline-offset:-1px;
   }
 }
 .iui-table-paginator-page-button:where(:hover, :active){
-  --_iui-button-text-color:var(--iui-color-foreground-1);
+  --_iui-button-text-color:var(--iui-color-text-hover);
   --_iui-button-background-color:var(--iui-color-background-transparent-hover);
+  --_iui-button-icon-fill:var(--iui-color-icon-hover);
 }
 .iui-table-paginator-page-button:where(:focus){
   outline-offset:-1px;
   outline-width:1px;
 }
 .iui-table-paginator-page-button:where([disabled], :disabled, [aria-disabled="true"]){
-  --_iui-button-text-color:var(--iui-color-foreground-5);
+  --_iui-button-text-color:var(--iui-color-text-disabled);
   --_iui-button-background-color:transparent;
   --_iui-button-border-color:transparent;
+  --_iui-button-icon-fill:var(--iui-color-icon-disabled);
 }
 .iui-table-paginator-page-button-small{
   --_iui-button-gap:var(--iui-size-2xs);
@@ -668,41 +675,40 @@
 }
 .iui-table-paginator-page-button[data-iui-active=true]{
   --_iui-button-active-stripe-inset:initial;
-  --_iui-button-active-stripe-color:var(--iui-color-foreground-primary);
-  --_iui-button-text-color:var(--iui-color-foreground-primary);
-  --_iui-button-background-color:var(--iui-color-background-subtle-primary);
-  --_iui-button-background-color:hsl(var(--iui-color-foreground-primary-hsl) / var(--iui-opacity-6));
+  --_iui-button-active-stripe-background:var(--iui-color-border-accent);
+  --_iui-button-text-color:var(--iui-color-text-accent);
+  --_iui-button-icon-fill:var(--iui-color-text-accent);
+  --_iui-button-background-color:var(--iui-color-background-accent-muted);
+  --_iui-button-background-color:hsl(var(--iui-color-accent-hsl) / var(--iui-opacity-6));
   --_iui-button-active-stripe-inset:calc(100% - var(--iui-size-2xs)) var(--iui-size-3xs) var(--iui-size-3xs);
 }
 .iui-table-paginator-page-button[data-iui-active=true]::after{
   content:"";
   position:absolute;
   inset:var(--_iui-button-active-stripe-inset);
-  background-color:var(--_iui-button-active-stripe-color);
+  background:var(--_iui-button-active-stripe-background);
 }
 .iui-table-paginator-page-button[data-iui-active=true][disabled], .iui-table-paginator-page-button[data-iui-active=true]:disabled, .iui-table-paginator-page-button[data-iui-active=true][aria-disabled=true]{
-  --_iui-button-active-stripe-color:var(--iui-color-foreground-5);
-  --_iui-button-text-color:var(--iui-color-foreground-5);
+  --_iui-button-active-stripe-background:var(--iui-color-icon-disabled);
+  --_iui-button-text-color:var(--iui-color-text-disabled);
+  --_iui-button-icon-fill:var(--iui-color-icon-disabled);
 }
 
 .iui-table-column-filter{
-  --iui-surface-background-color:var(--iui-color-background-1);
+  --iui-surface-background-color:var(--iui-color-background);
+  --iui-surface-border-color:var(--iui-color-border-subtle);
   --iui-surface-border-radius:var(--iui-border-radius-1);
   --iui-surface-elevation:var(--iui-shadow-1);
   background-color:var(--iui-surface-background-color);
+  border:1px solid var(--iui-surface-border-color);
   border-radius:var(--iui-surface-border-radius);
   box-shadow:var(--iui-surface-elevation);
-  color:var(--iui-color-foreground-2);
+  color:var(--iui-color-text);
   padding:var(--iui-size-s) var(--iui-size-s);
   display:inline-flex;
   flex-direction:column;
   align-items:flex-end;
 }
-@media (forced-colors: active){
-  .iui-table-column-filter{
-    border:1px solid transparent;
-  }
-}
 .iui-table-column-filter > .iui-input-container:not(.iui-inline-label){
   width:100%;
 }