diff --git a/sass/themes/schemas/components/dark/_switch.scss b/sass/themes/schemas/components/dark/_switch.scss
index 2e30aa0b..19ce782a 100644
--- a/sass/themes/schemas/components/dark/_switch.scss
+++ b/sass/themes/schemas/components/dark/_switch.scss
@@ -52,7 +52,6 @@ $dark-material-switch: extend(
 /// @prop {Map} track-on-disabled-color [color: ('gray', 100)] - The color of the track when the switch is on and disabled.
 /// @prop {Map} thumb-disabled-color [color: ('gray', 100)] - The color of the thumb when the switch is disabled.
 /// @prop {Map} thumb-on-disabled-color [color: ('gray', 50)] - The color of the thumb when the switch is on and disabled.
-/// @prop {Map} error-color [color: ('gray', 500)] - The border and thumb color in invalid state.
 /// @requires $fluent-switch
 $dark-fluent-switch: extend(
     $fluent-switch,
@@ -141,12 +140,6 @@ $dark-fluent-switch: extend(
                 50,
             ),
         ),
-        error-color: (
-            color: (
-                'gray',
-                500,
-            ),
-        ),
         _meta: (
             theme: 'fluent',
             variant: 'dark',
@@ -203,7 +196,6 @@ $dark-bootstrap-switch: extend(
 /// Generates a dark indigo switch schema.
 /// @type {Map}
 /// @prop {Map} label-color [contrast-color: ('gray', 50, .8)] - The color of the switch label.
-/// @prop {Map} label-invalid-color [contrast-color: ('gray', 50, .8)] - The color of the switch label in invalid state.
 /// @prop {Map} label-hover-color [contrast-color: ('gray', 50)] - The color of the switch label on hover.
 /// @prop {Map} label-disabled-color [contrast-color: ('gray', 50, .2)] - The color of the switch label when the switch is disabled.
 /// @prop {Map} thumb-off-color [contrast-color: ('gray', 50, .6)] - The color of the thumb when the switch is off.
@@ -213,9 +205,6 @@ $dark-bootstrap-switch: extend(
 /// @prop {Map} border-color [contrast-color: ('gray', 50, .6)] - The border color of the switch.
 /// @prop {Map} border-hover-color [contrast-color: ('gray', 50, .8)] - The border color of the switch on hover.
 /// @prop {Map} border-disabled-color [contrast-color: ('gray', 50, .2)] - The border color of the disabled switch.
-/// @prop {Map} error-color [contrast-color: ('gray', 50, .6)] - The border and thumb color in invalid state.
-/// @prop {Map} error-color-hover [contrast-color: ('gray', 50, .2)] - The border and thumb color in invalid state on hover.
-/// @prop {Map} thumb-on-error-color [contrast-color: ('gray', 50)] - The color of the thumb when the switch is on and invalid.
 /// @prop {Map} focus-outline-color [contrast-color: ('gray', 50, .2)] - The focus outlined color.
 /// @requires $indigo-switch
 $dark-indigo-switch: extend(
@@ -228,13 +217,6 @@ $dark-indigo-switch: extend(
                 0.8,
             ),
         ),
-        label-invalid-color: (
-            contrast-color: (
-                'gray',
-                50,
-                0.8,
-            ),
-        ),
         label-hover-color: (
             contrast-color: (
                 'gray',
@@ -296,26 +278,6 @@ $dark-indigo-switch: extend(
                 0.2,
             ),
         ),
-        error-color: (
-            contrast-color: (
-                'gray',
-                50,
-                0.6,
-            ),
-        ),
-        error-color-hover: (
-            contrast-color: (
-                'gray',
-                50,
-                0.2,
-            ),
-        ),
-        thumb-on-error-color: (
-            contrast-color: (
-                'gray',
-                50,
-            ),
-        ),
         focus-outline-color: (
             contrast-color: (
                 'gray',
diff --git a/sass/themes/schemas/components/light/_switch.scss b/sass/themes/schemas/components/light/_switch.scss
index 9e6e1478..bfb36632 100644
--- a/sass/themes/schemas/components/light/_switch.scss
+++ b/sass/themes/schemas/components/light/_switch.scss
@@ -21,10 +21,7 @@
 /// @prop {Map} label-hover-color [color: ('gray', 900)] - The color of the switch label on hover.
 /// @prop {Map} label-disabled-color [color: ('gray', 500)] - The color of the switch label when the switch is disabled
 /// @prop {Map} border-on-color [color: ('primary', 500)] - The border color of the on-switch.
-/// @prop {Map} label-invalid-color [color: ('gray', 900)] - The color of the switch label in invalid state.
 /// @prop {Map} track-on-disabled-color [color: ('secondary', 50)] - The color of the track when the switch is on and disabled.
-/// @prop {Map} track-error-color [color: ('gray', 500)] - The color of the track in invalid state when the switch is off.
-/// @prop {Map} thumb-on-error-color [color: ('gray', 50)] - The color of the thumb when the switch is on and invalid.
 /// @prop {List} border-radius-thumb [(rem(10px), rem(0), rem(10px))] - The border radius used for switch thumb.
 /// @prop {List} border-radius-ripple [(rem(24px), rem(0), rem(24px))] - The border radius used for switch ripple.
 /// @prop {Map} typography [label: (value: 'body-2')] - The typography styles used for the component.
@@ -74,30 +71,12 @@ $light-switch: extend(
                 500,
             ),
         ),
-        label-invalid-color: (
-            color: (
-                'gray',
-                900,
-            ),
-        ),
         track-on-disabled-color: (
             color: (
                 'secondary',
                 50,
             ),
         ),
-        track-error-color: (
-            color: (
-                'gray',
-                500,
-            ),
-        ),
-        thumb-on-error-color: (
-            color: (
-                'gray',
-                50,
-            ),
-        ),
         border-radius-thumb: (
             border-radius: (
                 rem(10px),
@@ -133,13 +112,10 @@ $light-switch: extend(
 /// @prop {Map} thumb-on-color [color: ('secondary', 500)] - The color of the thumb when the switch is on.
 /// @prop {Map} thumb-off-color [color: ('gray', 50)] - The color of the thumb when the switch is off.
 /// @prop {Map} thumb-disabled-color [color: ('gray', 200)] - The color of the thumb when the switch is disabled.
-/// @prop {Map} thumb-on-error-color [color: ('secondary', 500)] - The color of the thumb when the switch is on and invalid.
 /// @prop {Map} track-off-color [color: ('gray', 500)] - The color of the track when the switch is off.
 /// @prop {Map} track-on-color [color: ('secondary', 200)] - The color of the track when the switch is on.
 /// @prop {Map} track-on-hover-color [color: ('secondary', 200)] - The color of the track when the switch is on and hovered.
 /// @prop {Map} track-disabled-color [color: ('gray', 300)] - The color of the track when the switch is disabled.
-/// @prop {Map} error-color [color: ('gray', 50)] - The color of the thumb in invalid state.
-/// @prop {Map} error-color-hover [color: ('gray', 500)] - The border color in invalid state on hover.
 /// @prop {List} border-radius-track [(rem(7px), rem(0), rem(7px))] - The border radius used for switch track.
 /// @prop {Number} resting-elevation [1] - The elevation level, between 0-24, to be used for the resting state.
 /// @prop {Number} hover-elevation [1] - The elevation level, between 0-24, to be used for the hover state.
@@ -177,12 +153,6 @@ $material-switch: extend(
                 200,
             ),
         ),
-        thumb-on-error-color: (
-            color: (
-                'secondary',
-                500,
-            ),
-        ),
         track-off-color: (
             color: (
                 'gray',
@@ -207,18 +177,6 @@ $material-switch: extend(
                 300,
             ),
         ),
-        error-color: (
-            color: (
-                'gray',
-                50,
-            ),
-        ),
-        error-color-hover: (
-            color: (
-                'gray',
-                500,
-            ),
-        ),
         border-radius-track: (
             border-radius: (
                 rem(7px),
@@ -254,8 +212,6 @@ $material-switch: extend(
 /// @prop {Map} thumb-disabled-color [color: ('gray', 400)] - The color of the thumb when the switch is disabled.
 /// @prop {Map} thumb-on-disabled-color [color: ('gray', 100)] - The color of the thumb when the switch is on and disabled.
 /// @prop {Map} focus-outline-color [color: ('gray', 700)] - The focus outlined color.
-/// @prop {Map} error-color [color: ('gray', 700)] - The border and thumb color in invalid state.
-/// @prop {Map} error-color-hover [color: ('gray', 800)] - The border and thumb color in invalid state on hover.
 /// @prop {List} border-radius-track [(rem(10px), rem(0), rem(10px))] - The border radius used for switch track.
 /// @requires {Map} $light-switch
 $fluent-switch: extend(
@@ -345,18 +301,6 @@ $fluent-switch: extend(
                 400,
             ),
         ),
-        error-color: (
-            color: (
-                'gray',
-                700,
-            ),
-        ),
-        error-color-hover: (
-            color: (
-                'gray',
-                800,
-            ),
-        ),
         border-radius-track: (
             border-radius: (
                 rem(10px),
@@ -386,9 +330,6 @@ $fluent-switch: extend(
 /// @prop {Map} thumb-disabled-color [color: ('gray', 300)] - The color of the thumb when the switch is disabled.
 /// @prop {Map} track-on-disabled-color [color: ('primary', 200)] - The color of the track when the switch is on and disabled.
 /// @prop {Map} thumb-on-disabled-color [contrast-color: ('primary', 800)] - The color of the thumb when the switch is on and disabled.
-/// @prop {Map} error-color [color: ('gray', 400)] - The border and thumb color in invalid state.
-/// @prop {Map} error-color-hover [color: ('primary', 200)] - The border and thumb color in invalid state on hover.
-/// @prop {Map} thumb-on-error-color [contrast-color: ('primary', 800)] - The color of the thumb when the switch is on and invalid.
 /// @prop {List} border-radius-track [(rem(32px), rem(0), rem(32px))] - The border radius used for switch track.
 /// @prop {List} border-radius-thumb [(rem(32px), rem(0), rem(32px))] - The border radius used for switch thumb.
 /// @prop {Map} typography [label: (value: 'body-2')] - The typography styles used for the component.
@@ -475,24 +416,6 @@ $bootstrap-switch: extend(
                 200,
             ),
         ),
-        error-color: (
-            color: (
-                'gray',
-                400,
-            ),
-        ),
-        error-color-hover: (
-            color: (
-                'primary',
-                200,
-            ),
-        ),
-        thumb-on-error-color: (
-            contrast-color: (
-                'primary',
-                800,
-            ),
-        ),
         border-radius-track: (
             border-radius: (
                 rem(32px),
@@ -522,7 +445,6 @@ $bootstrap-switch: extend(
 /// Generates an indigo switch schema.
 /// @type {Map}
 /// @prop {Map} label-color [color: ('gray', 800)] - The color of the switch label.
-/// @prop {Map} label-invalid-color [color: ('gray', 800)] - The color of the switch label in invalid state.
 /// @prop {Map} label-disabled-color [color: ('gray', 900, .2)] - The color of the switch label when the switch is disabled
 /// @prop {Map} thumb-on-color [contrast-color: ('gray', 900)] - The color of the thumb when the switch is on.
 /// @prop {Map} track-on-hover-color [color: ('primary', 400)] - The color of the track when the switch is on and hovered.
@@ -534,10 +456,6 @@ $bootstrap-switch: extend(
 /// @prop {Map} border-hover-color [color: ('gray', 600)] - The border color of the switch on hover.
 /// @prop {Map} border-disabled-color [color: ('gray', 900, .15)] - The border color of the disabled switch.
 /// @prop {Map} border-on-hover-color [color: ('primary', 400)] - The hover border color when the switch is on.
-/// @prop {Map} error-color [color: ('gray', 500)] - The border and thumb color in invalid state.
-/// @prop {Map} error-color-hover [color: ('gray', 900, .15)] - The border and thumb color in invalid state on hover.
-/// @prop {Color} track-error-color [transparent] - The color of the track in invalid state when the switch is off.
-/// @prop {Map} thumb-on-error-color [contrast-color: ('gray', 900)] - The color of the thumb when the switch is on and invalid.
 /// @prop {List} border-radius-track [(rem(8px), rem(0), rem(8px))] - The border radius used for switch track.
 /// @prop {Map} focus-outline-color [color: ('gray', 900, .15)] - The focus outlined color.
 /// @prop {Map} focus-outline-color-focused [color: ('primary', 400, .5)] - The focus outlined color for focused state.
@@ -551,12 +469,6 @@ $indigo-switch: extend(
                 800,
             ),
         ),
-        label-invalid-color: (
-            color: (
-                'gray',
-                800,
-            ),
-        ),
         label-disabled-color: (
             color: (
                 'gray',
@@ -647,26 +559,6 @@ $indigo-switch: extend(
                 500,
             ),
         ),
-        error-color: (
-            color: (
-                'gray',
-                500,
-            ),
-        ),
-        error-color-hover: (
-            color: (
-                'gray',
-                900,
-                0.15,
-            ),
-        ),
-        track-error-color: transparent,
-        thumb-on-error-color: (
-            contrast-color: (
-                'gray',
-                900,
-            ),
-        ),
         thumb-disabled-color: (
             color: (
                 'gray',