@itwin/itwinui-css 0.53.2 → 0.53.3

package/css/all.css

@@ -1915,6 +1915,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 +1978,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 +1987,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 +1997,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);
@@ -9093,7 +9097,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 +9117,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{

package/css/color-picker.css

@@ -122,6 +122,7 @@
   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);
@@ -184,6 +185,7 @@
   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){
@@ -192,6 +194,7 @@
 
 .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%);
 }
@@ -201,6 +204,7 @@
 
 .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);

package/css/tree.css

@@ -67,7 +67,7 @@
   display:inline-flex;
   width:16px;
   height:16px;
-  padding:0 6px;
+  margin:0 6px;
   flex-shrink:0;
 }
 .iui-tree-node-content-icon.iui-informational{
@@ -87,7 +87,7 @@
   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{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-css",
-  "version": "0.53.2",
+  "version": "0.53.3",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "src/index.scss",

package/scss/color-picker/color-picker.scss

@@ -49,6 +49,7 @@ $iui-hover-box-shadow: 0 0 1px $iui-xxs + 1 rgba(var(--iui-color-foreground-body
   margin-right: $iui-xs;
   position: relative;
   background-color: var(--iui-color-swatch-background);
+  forced-color-adjust: none;
   @include iui-transparent-background;
   @supports (gap: $iui-s) {
     margin-bottom: 0;
@@ -172,6 +173,7 @@ $iui-hover-box-shadow: 0 0 1px $iui-xxs + 1 rgba(var(--iui-color-foreground-body
   cursor: crosshair;
   width: 100%;
   height: $iui-baseline * 19;
+  forced-color-adjust: none;
   background-image: linear-gradient(0deg, rgb(0, 0, 0), transparent),
     linear-gradient(90deg, rgb(255, 255, 255), var(--iui-color-field-hue));
 
@@ -183,6 +185,7 @@ $iui-hover-box-shadow: 0 0 1px $iui-xxs + 1 rgba(var(--iui-color-foreground-body
 @mixin iui-hue-slider {
   .iui-slider-rail {
     height: $iui-s;
+    forced-color-adjust: none;
     @include themed {
       background: linear-gradient(
         to right,
@@ -205,6 +208,7 @@ $iui-hover-box-shadow: 0 0 1px $iui-xxs + 1 rgba(var(--iui-color-foreground-body
 @mixin iui-opacity-slider {
   .iui-slider-rail {
     height: $iui-s;
+    forced-color-adjust: none;
     @include iui-transparent-background($size: $iui-s);
 
     &::before {

package/scss/tree/tree.scss

@@ -54,11 +54,11 @@ $iui-expander-button-width: ($iui-icons-default) + ($iui-expander-inline-padding
 
     &-icon {
       @include iui-icons-default;
-      padding: 0 $iui-expander-inline-padding;
+      margin: 0 $iui-expander-inline-padding;
       flex-shrink: 0;
 
       &:first-child {
-        margin-left: $iui-expander-button-width;
+        margin-left: $iui-expander-button-width + $iui-expander-inline-padding;
       }
     }