feat(component): Add Checkbox component

scss/_forms.scss

@@ -2,7 +2,7 @@
 @import "forms/form-text";
 @import "forms/form-control";
 @import "forms/form-select";
-@import "forms/form-check";
+@import "forms/control-item";
 @import "forms/form-range";
 // OUDS mod: no floating-labels
 @import "forms/input-group";

scss/_root.scss

@@ -411,14 +411,14 @@
   // scss-docs-end root-focus-variables
 
   // scss-docs-start root-form-validation-variables
-  --#{$prefix}form-valid-color: #{$form-valid-color};
-  --#{$prefix}form-valid-border-color: #{$form-valid-border-color};
-  --#{$prefix}form-invalid-color: #{$form-invalid-color};
-  --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color};
+  @if $enable-bootstrap-compatibility {
+    --#{$prefix}form-valid-color: #{$form-valid-color};
+    --#{$prefix}form-valid-border-color: #{$form-valid-border-color};
+    --#{$prefix}form-invalid-color: #{$form-invalid-color};
+    --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color};
+  }
   // scss-docs-end root-form-validation-variables
 
-  --#{$prefix}form-check-filter: #{$form-check-filter}; // OUDS mod
-  --#{$prefix}form-check-input-disabled-color: #{$form-check-input-disabled-color}; // OUDS mod
   --#{$prefix}form-color-disabled-filter: #{$form-color-disabled-filter}; // OUDS mod
   --#{$prefix}form-select-indicator: #{$form-select-indicator}; // OUDS mod
   --#{$prefix}form-select-disabled-indicator: #{$form-select-disabled-indicator}; // OUDS mod
@@ -509,12 +509,12 @@
 
     --#{$prefix}focus-ring-color: #{$focus-ring-color-dark}; // OUDS mod
 
-    --#{$prefix}form-valid-color: #{$form-valid-color-dark};
-    --#{$prefix}form-valid-border-color: #{$form-valid-border-color-dark};
-    --#{$prefix}form-invalid-color: #{$form-invalid-color-dark};
-    --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color-dark};
-    --#{$prefix}form-check-filter: #{$form-check-filter-dark}; // OUDS mod
-    --#{$prefix}form-check-input-disabled-color: #{$form-check-input-disabled-color-dark}; // OUDS mod
+    @if $enable-bootstrap-compatibility {
+      --#{$prefix}form-valid-color: #{$form-valid-color-dark};
+      --#{$prefix}form-valid-border-color: #{$form-valid-border-color-dark};
+      --#{$prefix}form-invalid-color: #{$form-invalid-color-dark};
+      --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color-dark};
+    }
     --#{$prefix}form-select-indicator: #{$form-select-indicator-dark}; // OUDS mod
     --#{$prefix}form-select-disabled-indicator: #{$form-select-disabled-indicator-dark}; // OUDS mod
     --#{$prefix}form-color-disabled-filter: #{$form-color-disabled-filter-dark};

scss/_variables-dark.scss

@@ -98,8 +98,6 @@ $svg-as-custom-props-dark: (
 // Forms
 //
 
-$form-check-filter-dark:                none !default; // OUDS mod
-$form-check-input-disabled-color-dark:  $gray-700 !default; // OUDS mod
 $form-color-disabled-filter-dark:       brightness(0) invert(1) brightness(.4) !default; // OUDS mod
 $form-switch-square-bg-dark:            $ouds-color-functional-dark-gray-880 !default; // OUDS mod
 
@@ -111,10 +109,10 @@ $form-select-disabled-indicator-dark:   escape-svg(url("data:image/svg+xml,<svg
 // OUDS mod: no $form-switch-bg-image-dark
 
 // scss-docs-start form-validation-colors-dark
-$form-valid-color-dark:                           var(--#{$prefix}success-text-emphasis) !default; // OUDS mod: instead of `$green-300`
-$form-valid-border-color-dark:                    var(--#{$prefix}success) !default; // OUDS mod: instead of `$green-300`
-$form-invalid-color-dark:                         var(--#{$prefix}danger-text-emphasis) !default; // OUDS mod: instead of `$red-300`
-$form-invalid-border-color-dark:                  var(--#{$prefix}danger) !default; // OUDS mod: instead of `$red-300`
+$form-valid-color-dark:                           $ouds-color-content-default-dark !default; // OUDS mod: instead of `$green-300`
+$form-valid-border-color-dark:                    $ouds-color-border-emphasized-dark !default; // OUDS mod: instead of `$green-300`
+$form-invalid-color-dark:                         $ouds-color-action-negative-enabled-dark !default; // OUDS mod: instead of `$red-300`
+$form-invalid-border-color-dark:                  $ouds-color-action-negative-enabled-dark !default; // OUDS mod: instead of `$red-300`
 $form-switch-unchecked-invalid-border-color-dark: $form-invalid-border-color-dark !default; // OUDS mod
 // scss-docs-end form-validation-colors-dark