From 409ae99bf7a47a2c55cc42790068b15782fbe9e8 Mon Sep 17 00:00:00 2001
From: Niels Lyngsoe <nsl@umbraco.dk>
Date: Mon, 4 Mar 2019 10:29:58 +0100
Subject: [PATCH] renaming of umb-form-control to umb-form-check

---
 src/Umbraco.Web.UI.Client/src/less/belle.less |  2 +-
 ...-form-control.less => umb-form-check.less} | 24 +++++++++----------
 .../views/components/forms/umb-checkbox.html  | 12 +++++-----
 .../components/forms/umb-radiobutton.html     | 10 ++++----
 4 files changed, 24 insertions(+), 24 deletions(-)
 rename src/Umbraco.Web.UI.Client/src/less/components/{umb-form-control.less => umb-form-check.less} (80%)

diff --git a/src/Umbraco.Web.UI.Client/src/less/belle.less b/src/Umbraco.Web.UI.Client/src/less/belle.less
index 14ff4b299a..4f70fc8011 100644
--- a/src/Umbraco.Web.UI.Client/src/less/belle.less
+++ b/src/Umbraco.Web.UI.Client/src/less/belle.less
@@ -101,7 +101,7 @@
 @import "components/umb-confirm-action.less";
 @import "components/umb-keyboard-shortcuts-overview.less";
 @import "components/umb-checkbox-list.less";
-@import "components/umb-form-control.less";
+@import "components/umb-form-check.less";
 @import "components/umb-locked-field.less";
 @import "components/umb-tabs.less";
 @import "components/umb-load-indicator.less";
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-form-control.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-form-check.less
similarity index 80%
rename from src/Umbraco.Web.UI.Client/src/less/components/umb-form-control.less
rename to src/Umbraco.Web.UI.Client/src/less/components/umb-form-check.less
index d6c56ffc96..6e3da0c98f 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-form-control.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-form-check.less
@@ -1,7 +1,7 @@
 @checkboxWidth: 15px;
 @checkboxHeight: 15px;
 
-.umb-form-control{
+.umb-form-check {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
@@ -21,19 +21,19 @@
         left: 0;
         opacity: 0;
 
-        &:checked ~ .umb-form-control__state .umb-form-control__check{
+        &:checked ~ .umb-form-check__state .umb-form-check__check{
             border-color: @green;
         }
 
-        &:focus:checked ~ .umb-form-control .umb-form-control__check,
-        &:focus ~ .umb-form-control__state .umb-form-control__check{
+        &:focus:checked ~ .umb-form-check .umb-form-check__check,
+        &:focus ~ .umb-form-check__state .umb-form-check__check{
             border-color: @gray-5;
         }
 
-        &:checked ~ .umb-form-control__state{
-            .umb-form-control__check{
+        &:checked ~ .umb-form-check__state{
+            .umb-form-check__check{
                 // This only happens if the state has a radiobutton modifier
-                .umb-form-control--radiobutton &{
+                .umb-form-check--radiobutton &{
                     &:before{
                         opacity: 1;
                         transform: scale(1);
@@ -41,7 +41,7 @@
                 }
 
                 // This only happens if state has the checkbox modifier
-                .umb-form-control--checkbox &{
+                .umb-form-check--checkbox &{
                     &:before{
                         width: @checkboxWidth;
                         height: @checkboxHeight;
@@ -50,8 +50,8 @@
             }
 
             // This only happens if state has the checkbox modifier
-            .umb-form-control--checkbox &{
-                .umb-form-control__icon{
+            .umb-form-check--checkbox &{
+                .umb-form-check__icon{
                     opacity: 1;
                 }
             }
@@ -83,7 +83,7 @@
         }
 
         // This only happens if state has the radiobutton modifier
-        .umb-form-control--radiobutton &{
+        .umb-form-check--radiobutton &{
             border-radius: 100%;
 
             &:before{
@@ -97,7 +97,7 @@
         }
 
         // This only happens if state has the checkbox modifier
-        .umb-form-control--checkbox &{
+        .umb-form-check--checkbox &{
             &:before{
                 width: 0;
                 height: 0;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-checkbox.html b/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-checkbox.html
index 38ebbab20d..9d2357f40b 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-checkbox.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-checkbox.html
@@ -1,14 +1,14 @@
-<label class="checkbox umb-form-control umb-form-control--checkbox">
+<label class="checkbox umb-form-check umb-form-check--checkbox">
     <input type="checkbox" name="{{name}}"
            value="{{value}}"
            ng-model="model"
-           class="umb-form-control__input"
+           class="umb-form-check__input"
            ng-required="model.validation.mandatory && !model.value.length" />
 
-    <div class="umb-form-control__state umb-form-control__state" aria-hidden="true">
-        <div class="umb-form-control__check">
-            <i class="umb-form-control__icon icon-check"></i>
+    <div class="umb-form-check__state umb-form-check__state" aria-hidden="true">
+        <div class="umb-form-check__check">
+            <i class="umb-form-check__icon icon-check"></i>
         </div>
     </div>
-    <span class="umb-form-control__text">{{text}}</span>
+    <span class="umb-form-check__text">{{text}}</span>
 </label>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-radiobutton.html b/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-radiobutton.html
index 61b36f3265..f09fcf9156 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-radiobutton.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/forms/umb-radiobutton.html
@@ -1,11 +1,11 @@
-<label class="radio umb-form-control umb-form-control--radiobutton">
+<label class="radio umb-form-check umb-form-check--radiobutton">
     <input type="radio" name="radiobuttons-{{name}}"
         value="{{value}}"
         ng-model="model"
-        class="umb-form-control__input" />
+        class="umb-form-check__input" />
 
-    <div class="umb-form-control__state umb-form-control__state" aria-hidden="true">
-        <div class="umb-form-control__check"></div>
+    <div class="umb-form-check__state umb-form-check__state" aria-hidden="true">
+        <div class="umb-form-check__check"></div>
     </div>
-    <span class="umb-form-control__text">{{text}}</span>
+    <span class="umb-form-check__text">{{text}}</span>
 </label>