@itwin/itwinui-css 1.0.0-dev.3 → 1.0.0-dev.4

package/css/all.css

@@ -1927,7 +1927,7 @@ a.iui-breadcrumbs-text:focus{
           user-select:none;
   overflow-y:auto;
   flex-direction:column;
-  max-height:calc(var(--iui-size-s) * 45);
+  max-height:calc(var(--iui-size-s) * 42);
   row-gap:var(--iui-size-s);
 }
 @media (forced-colors: active){
@@ -2052,7 +2052,7 @@ a.iui-breadcrumbs-text:focus{
   position:relative;
   cursor:crosshair;
   width:100%;
-  height:calc(var(--iui-size-s) * 18);
+  height:calc(var(--iui-size-s) * 17);
   forced-color-adjust:none;
   background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--iui-color-field-hue));
 }
@@ -4835,7 +4835,7 @@ div.iui-header-breadcrumb-button-icon{
 
 .iui-radio-tile-sublabel{
   font-size:var(--iui-font-size-0);
-  line-height:calc(var(--iui-size-s) * 1.375);
+  line-height:calc(var(--iui-size-s) * 1.25);
   text-align:center;
   word-break:break-word;
   color:var(--iui-color-foreground-4);
@@ -5365,6 +5365,12 @@ div.iui-header-breadcrumb-button-icon{
 .iui-slider-horizontal .iui-slider-min,
 .iui-slider-horizontal .iui-slider-max{
   margin-top:var(--iui-size-3xs);
+  min-width:var(--iui-size-l);
+  flex-direction:row;
+}
+.iui-slider-horizontal .iui-slider-min svg,
+.iui-slider-horizontal .iui-slider-max svg{
+  margin-top:var(--iui-size-2xs);
 }
 .iui-slider-horizontal .iui-slider-min{
   margin-right:var(--iui-size-s);
@@ -5411,8 +5417,11 @@ div.iui-header-breadcrumb-button-icon{
 }
 .iui-slider-vertical .iui-slider-min,
 .iui-slider-vertical .iui-slider-max{
-  margin-left:var(--iui-size-3xs);
+  margin-left:calc(var(--iui-size-3xs) + var(--iui-size-s));
   text-align:center;
+  transform:translate(-50%, 0);
+  min-height:var(--iui-size-l);
+  flex-direction:column;
 }
 .iui-slider-vertical .iui-slider-min{
   margin-top:var(--iui-size-s);
@@ -5423,6 +5432,7 @@ div.iui-header-breadcrumb-button-icon{
 
 .iui-slider-component-container{
   display:flex;
+  align-items:start;
 }
 .iui-slider-component-container.iui-disabled{
   cursor:not-allowed;
@@ -5565,6 +5575,8 @@ div.iui-header-breadcrumb-button-icon{
   -webkit-user-select:all;
      -moz-user-select:all;
           user-select:all;
+  display:flex;
+  justify-content:center;
 }
 .iui-slider-min svg,
 .iui-slider-max svg{
@@ -5573,7 +5585,6 @@ div.iui-header-breadcrumb-button-icon{
   width:var(--iui-size-m);
   height:var(--iui-size-m);
   fill:var(--iui-color-foreground-4);
-  margin-top:var(--iui-size-2xs);
 }
 @media (forced-colors: active){
   .iui-slider-min svg,
@@ -7358,7 +7369,7 @@ a.iui-tag-basic:focus-visible{
 .iui-tile-thumbnail{
   box-sizing:content-box;
   width:100%;
-  height:calc(var(--iui-size-s) * 14);
+  height:calc(var(--iui-size-s) * 13);
   flex-shrink:0;
   overflow:hidden;
   position:relative;

package/css/color-picker.css

@@ -20,7 +20,7 @@
           user-select:none;
   overflow-y:auto;
   flex-direction:column;
-  max-height:calc(var(--iui-size-s) * 45);
+  max-height:calc(var(--iui-size-s) * 42);
   row-gap:var(--iui-size-s);
 }
 @media (forced-colors: active){
@@ -145,7 +145,7 @@
   position:relative;
   cursor:crosshair;
   width:100%;
-  height:calc(var(--iui-size-s) * 18);
+  height:calc(var(--iui-size-s) * 17);
   forced-color-adjust:none;
   background-image:linear-gradient(0deg, black, transparent), linear-gradient(90deg, white, var(--iui-color-field-hue));
 }

package/css/radio-tile.css

@@ -184,7 +184,7 @@
 
 .iui-radio-tile-sublabel{
   font-size:var(--iui-font-size-0);
-  line-height:calc(var(--iui-size-s) * 1.375);
+  line-height:calc(var(--iui-size-s) * 1.25);
   text-align:center;
   word-break:break-word;
   color:var(--iui-color-foreground-4);

package/css/slider.css

@@ -33,6 +33,12 @@
 .iui-slider-horizontal .iui-slider-min,
 .iui-slider-horizontal .iui-slider-max{
   margin-top:var(--iui-size-3xs);
+  min-width:var(--iui-size-l);
+  flex-direction:row;
+}
+.iui-slider-horizontal .iui-slider-min svg,
+.iui-slider-horizontal .iui-slider-max svg{
+  margin-top:var(--iui-size-2xs);
 }
 .iui-slider-horizontal .iui-slider-min{
   margin-right:var(--iui-size-s);
@@ -79,8 +85,11 @@
 }
 .iui-slider-vertical .iui-slider-min,
 .iui-slider-vertical .iui-slider-max{
-  margin-left:var(--iui-size-3xs);
+  margin-left:calc(var(--iui-size-3xs) + var(--iui-size-s));
   text-align:center;
+  transform:translate(-50%, 0);
+  min-height:var(--iui-size-l);
+  flex-direction:column;
 }
 .iui-slider-vertical .iui-slider-min{
   margin-top:var(--iui-size-s);
@@ -91,6 +100,7 @@
 
 .iui-slider-component-container{
   display:flex;
+  align-items:start;
 }
 .iui-slider-component-container.iui-disabled{
   cursor:not-allowed;
@@ -233,6 +243,8 @@
   -webkit-user-select:all;
      -moz-user-select:all;
           user-select:all;
+  display:flex;
+  justify-content:center;
 }
 .iui-slider-min svg,
 .iui-slider-max svg{
@@ -241,7 +253,6 @@
   width:var(--iui-size-m);
   height:var(--iui-size-m);
   fill:var(--iui-color-foreground-4);
-  margin-top:var(--iui-size-2xs);
 }
 @media (forced-colors: active){
   .iui-slider-min svg,

package/css/tile.css

@@ -353,7 +353,7 @@
 .iui-tile-thumbnail{
   box-sizing:content-box;
   width:100%;
-  height:calc(var(--iui-size-s) * 14);
+  height:calc(var(--iui-size-s) * 13);
   flex-shrink:0;
   overflow:hidden;
   position:relative;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/itwinui-css",
-  "version": "1.0.0-dev.3",
+  "version": "1.0.0-dev.4",
   "author": "Bentley Systems",
   "license": "MIT",
   "main": "css/all.css",