From f77a281ecae4e5daf863611ea42ceb335ab60cd2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Sch=C3=A4r?=
 <59233938+schaertim@users.noreply.github.com>
Date: Tue, 8 Oct 2024 14:33:07 +0200
Subject: [PATCH] chore(styles): implemented more pr feedback

---
 packages/styles/src/components/form-check.scss | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/packages/styles/src/components/form-check.scss b/packages/styles/src/components/form-check.scss
index d3f7331523..ff7c82cd45 100644
--- a/packages/styles/src/components/form-check.scss
+++ b/packages/styles/src/components/form-check.scss
@@ -153,14 +153,11 @@ tokens.$default-map: components.$post-switch;
       }
 
       border: 0;
-      // background-image: url('#{form-check.$form-check-input-disabled-background-url-light-lg}');
 
       @include color-mx.on-dark-background {
-        // background-image: url('#{form-check.$form-check-input-disabled-background-url-dark-lg}');
       }
 
       @include utility-mx.high-contrast-mode {
-        // background-image: url('#{form-check.$form-check-input-disabled-background-url-hcm-lg}') !important;
       }
 
       .form-check-sm &[type='checkbox'] {
@@ -303,7 +300,7 @@ $switch-handle-icon-disabled: url("data:image/svg+xml,<svg viewBox='0 0 32 32' x
 
     @include utility-mx.high-contrast-mode {
       transition: none;
-      border: form-check.$form-check-input-border-width tokens.get('switch', 'border-style-default')
+      border: tokens.get('switch', 'border-width') tokens.get('switch', 'border-style-default')
         CanvasText;
 
       &:checked {
@@ -316,7 +313,8 @@ $switch-handle-icon-disabled: url("data:image/svg+xml,<svg viewBox='0 0 32 32' x
         background-color: CanvasText;
       }
 
-      &:checked::after {
+      &:checked::after,
+      &:checked:before {
         transform: translateX(
           calc(
             tokens.get('switch', 'element-width') - tokens.get('switch', 'element-handle') - tokens.get(
@@ -333,11 +331,6 @@ $switch-handle-icon-disabled: url("data:image/svg+xml,<svg viewBox='0 0 32 32' x
       border: tokens.get('switch', 'border-width') tokens.get('switch', 'border-style-disabled')
         tokens.get('switch', 'element-disabled-stroke');
 
-      @include color-mx.on-dark-background {
-        border: tokens.get('switch', 'border-width') tokens.get('switch', 'border-style-disabled')
-          color.$white-alpha-80;
-      }
-
       @include utility-mx.high-contrast-mode {
         border: tokens.get('switch', 'border-width') tokens.get('switch', 'border-style-disabled')
           GrayText;