Reduced default ToggleSwitch's height to 24px

.changeset/neat-rockets-give.md

@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Medium-sized `ToggleSwitch` now has the height of 24px instead of 26px.

.changeset/tough-readers-reflect.md

@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-css': patch
+---
+
+`iui-toggle-switch` that contains `data-iui-size="default"` now has the height of 24px.

packages/itwinui-css/src/toggle-switch/toggle-switch.scss

@@ -41,6 +41,14 @@
     --_iui-toggle-switch-handle-size: var(--iui-size-s);
     --_iui-toggle-switch-handle-offset: var(--iui-size-3xs);
   }
+
+  &:where([data-iui-size='default']) {
+    --_iui-toggle-switch-handle-offset: calc(var(--iui-size-2xs) * 0.875);
+
+    > .iui-toggle-switch {
+      block-size: calc(var(--_iui-toggle-switch-handle-size) + (var(--_iui-toggle-switch-handle-offset) * 2) + 1px);
+    }
+  }
 }
 
 .iui-toggle-switch {
@@ -76,7 +84,7 @@
     content: '';
     block-size: var(--_iui-toggle-switch-handle-size);
     inline-size: var(--_iui-toggle-switch-handle-size);
-    margin: var(--_iui-toggle-switch-handle-offset);
+    margin: auto var(--_iui-toggle-switch-handle-offset);
     aspect-ratio: 1 / 1;
     border-radius: var(--iui-border-radius-round);
     transition: background-color var(--iui-duration-1) ease-out;