Waiting for new tokens

Author: louismaximepiton

.github/workflows/node-sass.yml

@@ -1076,7 +1076,7 @@ $form-check-input-focus-border:           $ouds-checkbox-color-content-focus !de
 // OUDS mod: no `$form-check-input-focus-box-shadow`
 
 // OUDS mod
-$ouds-checkbox-calc-multiplicator: 1 !default; // Here to handle 1px border using svg
+$ouds-checkbox-calc-multiplicator: 2 !default; // Here to handle 1px border using svg
 $ouds-checkbox-calc-viewbox: calc(strip-units($form-check-input-width) * $ouds-checkbox-calc-multiplicator) !default; // stylelint-disable-line function-disallowed-list
 $ouds-checkbox-calc-icon-width: calc(strip-units($ouds-checkbox-size-indicator-inner-icon) * $ouds-checkbox-calc-multiplicator) !default; // stylelint-disable-line function-disallowed-list
 $ouds-checkbox-calc-icon-placement: calc((strip-units($form-check-input-width) - strip-units($ouds-checkbox-size-indicator-inner-icon)) * $ouds-checkbox-calc-multiplicator / 2) !default; // stylelint-disable-line function-disallowed-list
@@ -1113,6 +1113,7 @@ $ouds-checkbox-unselected-icon: url("data:image/svg+xml,<svg xmlns='http://www.w
 $ouds-checkbox-unselected-hover-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 #{$ouds-checkbox-calc-viewbox} #{$ouds-checkbox-calc-viewbox}'><rect x='#{calc($ouds-checkbox-calc-border-width-unselected-hover / 2)}' y='#{calc($ouds-checkbox-calc-border-width-unselected-hover / 2)}' width='#{$ouds-checkbox-calc-width-unselected-hover}' height='#{$ouds-checkbox-calc-width-unselected-hover}' rx='#{$ouds-checkbox-calc-border-radius}' ry='#{$ouds-checkbox-calc-border-radius}' fill='#{if($form-check-input-bg == 0, none, #000)}' stroke='#{if($form-check-input-focus-border == 0, none, #000)}' stroke-width='#{$ouds-checkbox-calc-border-width-unselected-hover}'/></svg>") !default;
 $ouds-checkbox-selected-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 #{$ouds-checkbox-calc-viewbox} #{$ouds-checkbox-calc-viewbox}'><rect x='#{calc($ouds-checkbox-calc-border-width-selected / 2)}' y='#{calc($ouds-checkbox-calc-border-width-selected / 2)}' width='#{$ouds-checkbox-calc-width-selected}' height='#{$ouds-checkbox-calc-width-selected}' rx='#{$ouds-checkbox-calc-border-radius}' ry='#{$ouds-checkbox-calc-border-radius}' fill='#{if($form-check-input-checked-bg-color == 0, none, #000)}' stroke='#{if($form-check-input-checked-border-color == 0, none, #000)}' stroke-width='#{$ouds-checkbox-calc-border-width-selected}'/>#{$form-check-input-checked-bg-image}</svg>") !default;
 $ouds-checkbox-indeterminate-icon: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 #{$ouds-checkbox-calc-viewbox} #{$ouds-checkbox-calc-viewbox}'><rect x='#{calc($ouds-checkbox-calc-border-width-indeterminate / 2)}' y='#{calc($ouds-checkbox-calc-border-width-indeterminate / 2)}' width='#{$ouds-checkbox-calc-width-indeterminate}' height='#{$ouds-checkbox-calc-width-indeterminate}' rx='#{$ouds-checkbox-calc-border-radius}' ry='#{$ouds-checkbox-calc-border-radius}' fill='#{if($form-check-input-indeterminate-bg-color == 0, none, #000)}' stroke='#{if($form-check-input-indeterminate-border-color == 0, none, #000)}' stroke-width='#{$ouds-checkbox-calc-border-width-indeterminate}'/>#{$form-check-input-indeterminate-bg-image}</svg>") !default;
+@debug $ouds-checkbox-unselected-icon;
 // scss-docs-end ouds-composite-checks
 
 // OUDS mod: Star rating

scss/_variables.scss

@@ -10,14 +10,18 @@ aliases:
 toc: true
 ---
 
+<!-- TODO: Remove this part before merging -->
+
 {{< example >}}
-<input class="form-check-input" type="checkbox" value="">
+<input class="form-check-input" type="checkbox" value="" id="checkDefault-2">
+<label for="checkDefault-2">Not empty</label>
 <div class="form-check">
-  <input class="form-check-input" type="checkbox" value="">
+  <input class="form-check-input" type="checkbox" value="" id="checkDefault-1">
+  <label for="checkDefault-1">Not empty</label>
 </div>
 <div class="form-check">
   <input class="form-check-input" type="checkbox" value="" id="checkDefault0">
-  <label class="form-check-label" for="checkDefault0"></label>
+  <label class="form-check-label" for="checkDefault0">Not empty</label>
 </div>
 <div class="form-check">
   <input class="form-check-input" type="checkbox" value="" id="checkDefault1">
@@ -221,11 +225,3 @@ They are commonly used to build custom component, and shouldn't be used alone. Y
   <input class="form-check-input" type="checkbox" id="checkboxNoLabel" value="" aria-label="...">
 </div>
 {{< /example >}}
-
-## CSS
-
-### Sass variables
-
-Variables for checks:
-
-{{< scss-docs name="form-check-variables" file="scss/_variables.scss" >}}