@stackoverflow/stacks 3.0.0-beta.24 → 3.0.0-beta.25

package/dist/css/stacks.css

@@ -15661,7 +15661,7 @@ body.theme-highcontrast .s-tag:not(body.theme-highcontrast .s-tag__moderator):no
   min-width: var(--su448);
 }
 .s-toggle-switch {
-  --_ts-bg: var(--black-350);
+  --_ts-bg: var(--black-300);
   --_ts-bg-image: url("data:image/svg+xml;,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");
   --_ts-bg-ps: left center;
   --_ts-multiple-bg: unset;
@@ -15687,6 +15687,9 @@ fieldset[disabled] .s-toggle-switch label,
 .s-toggle-switch.s-toggle-switch__multiple {
   align-items: stretch;
   display: flex;
+  border: var(--su2) solid var(--black-150);
+  border-radius: var(--br-pill);
+  background-color: var(--black-150);
 }
 .s-toggle-switch.s-toggle-switch__multiple input[type="radio"] {
   left: -999em;
@@ -15694,13 +15697,12 @@ fieldset[disabled] .s-toggle-switch label,
   opacity: 0;
   position: absolute;
 }
-.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label.s-toggle-switch--label-off {
-  --_ts-multiple-bg: var(--black-400);
-  --_ts-multiple-fc: var(--white);
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label {
+  --_ts-multiple-bg: var(--black-050);
+  --_ts-multiple-fc: var(--black);
 }
-.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:checked + label:not(.s-toggle-switch--label-off) {
-  --_ts-multiple-bg: var(--green-400);
-  --_ts-multiple-fc: var(--white);
+.s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:not(:checked) + label {
+  --_ts-multiple-fc: var(--black-400);
 }
 .s-toggle-switch.s-toggle-switch__multiple input[type="radio"]:focus-visible + label {
   box-shadow: inset 0 0 0 var(--su2) var(--focus-theme), inset 0 0 0 var(--su4) var(--focus-neutral);
@@ -15709,13 +15711,13 @@ fieldset[disabled] .s-toggle-switch label,
 .s-toggle-switch.s-toggle-switch__multiple label {
   background-color: var(--_ts-multiple-bg);
   color: var(--_ts-multiple-fc);
-  border-radius: 1000px;
+  border-radius: var(--br-pill);
   cursor: pointer;
   font-size: var(--fs-body1);
   font-weight: 400;
   line-height: 1;
   margin: 0;
-  padding: 0.5em 0.7em;
+  padding: calc(var(--su4) + var(--su1)) calc(var(--su8) + var(--su2));
   text-align: center;
   white-space: nowrap;
   width: 100%;
@@ -15723,7 +15725,6 @@ fieldset[disabled] .s-toggle-switch label,
   -webkit-user-select: none;
   user-select: none;
 }
-.s-toggle-switch input[type="checkbox"],
 input[type="checkbox"].s-toggle-switch {
   background-color: var(--_ts-bg);
   background-position: var(--_ts-bg-ps);
@@ -15740,17 +15741,14 @@ input[type="checkbox"].s-toggle-switch {
   vertical-align: top;
   width: calc(var(--su48) - var(--su4));
 }
-.s-toggle-switch input[type="checkbox"]:checked,
 input[type="checkbox"].s-toggle-switch:checked {
   --_ts-bg: var(--green-400);
   --_ts-bg-ps: right center;
 }
-.s-toggle-switch input[type="checkbox"]:focus-visible,
 input[type="checkbox"].s-toggle-switch:focus-visible {
   box-shadow: 0 0 0 var(--su2) var(--focus-neutral), 0 0 0 var(--su4) var(--focus-theme);
   outline: var(--su2) solid transparent !important;
 }
-.s-toggle-switch input[type="checkbox"][disabled],
 input[type="checkbox"].s-toggle-switch[disabled] {
   cursor: default;
 }